#408290

Color #408290

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 12.59 Nearest Tailwind class cyan-700 #007595 · ΔE 8.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#408290

RGB

rgb(64, 130, 144)

HSL

hsl(190.5, 38.5%, 40.8%)

HSV / HSB

hsv(190.5, 55.6%, 56.5%)

CMYK

cmyk(55.6%, 9.7%, 0%, 43.5%)

LAB

lab(50.77, -16.81, -13.95)

LCH

lch(50.77, 21.84, 219.69)

OKLCH

oklch(56.9%, 0.0703, 213.33)

HWB

hwb(190.5, 25.1%, 43.5%)

Harmony colors

Complementary

#904e40

Analogous

#409076

#408290

#405a90

Triadic

#408290

#904082

#829040

Split-complementary

#408290

#90405a

#907640

Tetradic

#408290

#4e4090

#904e40

#829040

Square

#408290

#764090

#904e40

#5a9040

Shades

Color #408290 mixed toward black.

#356c78

#2b5760

#204148

#152b30

#0b1618

Tints

Color #408290 mixed toward white.

#51a1b2

#74b4c1

#96c6d1

#b9d9e0

#dcecf0

Tones

Color #408290 mixed toward gray.

#477e89

#4d7983

#54757c

#5b7175

#616c6f

Accessibility

Aa White text on this color

4.36:1

Aa Black text on this color

4.81:1

Black text reads better on this background (4.81:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#63648d · ΔE 23.4

Deuteranopia

#605a8c · ΔE 25.4

Tritanopia

#458a8a · ΔE 6.9

Achromatopsia

#797979 · ΔE 17.3

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #408290;

Tailwind (arbitrary value)

bg-[#408290]

Related colors

Powder Blue #b0e0e6

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Frequently asked questions

#408290 (#408290) is rgb(64, 130, 144) in RGB.

No, #408290 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #408290, or check how it holds up for accessibility.

Generate a palette → Check contrast