cyancoolCSS named color

Cadetblue #5F9EA0

Cadetblue is a medium, muted cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Fresh accents · Aquatic themes

Open in generator →Colors that go with cadetblue →

Families: Cyans · Teals

Color values

FormatValue
HEX#5F9EA0
RGBrgb(95, 158, 160)
HSLhsl(182, 25%, 50%)
HSVhsv(182, 41%, 63%)
OKLCHoklch(65.77% 0.065 198.3)
OKLaboklab(65.77% -0.0617 -0.0204)
CMYKcmyk(40.6%, 1.2%, 0%, 37.3%)
XYZxyz(23.289, 29.423, 37.7029)
CIE-LABlab(61.2, -19.7, -7.4)
CIE-LCHlch(61.2, 21.0, 200.7°)
Luminance0.294 (WCAG relative)
/* Cadetblue */ --cadetblue: #5f9ea0; color: #5f9ea0; background-color: #5f9ea0;

Source: W3C CSS named color. CSS keyword: cadetblue.

Collections: Muted Colors · Cool Gray Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#568d8f #4d7c7e #436c6d #3b5c5d #324d4d #293e3e #212f30 #192222 #0f1515 #000000

Tints (toward white)

#70a7a9 #80b1b2 #90babc #a0c4c5 #b0cece #bfd8d8 #cfe1e2 #dfebeb #eff5f5 #ffffff

Tones (toward gray)

#669d9f #6c9c9d #729b9c #779a9b #7c999a #819899 #869797 #8b9696 #8f9595 #949494

Color harmonies

Complementary

Edit in generator →
#5F9EA0
#A0615F
#5f9ea0 #a0615f

Analogous

Edit in generator →
#5FA081
#5F9EA0
#5F7EA0
#5fa081 #5f9ea0 #5f7ea0

Triadic

Edit in generator →
#5F9EA0
#A05F9E
#9EA05F
#5f9ea0 #a05f9e #9ea05f

Tetradic

Edit in generator →
#5F9EA0
#815FA0
#A0615F
#7EA05F
#5f9ea0 #815fa0 #a0615f #7ea05f

Square

Edit in generator →
#5F9EA0
#815FA0
#A0615F
#7EA05F
#5f9ea0 #815fa0 #a0615f #7ea05f

Split Complementary

Edit in generator →
#5F9EA0
#A05F7E
#A0815F
#5f9ea0 #a05f7e #a0815f

Monochromatic

Edit in generator →
#315253
#48787A
#5F9EA0
#85B5B7
#ACCDCE
#315253 #48787a #5f9ea0 #85b5b7 #accdce

Accessibility & contrast

3.05
#5F9EA0 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.89
#5F9EA0 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on cadetblue

6.89
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#9699A0
Deuteranopia (green-blind)
#8B90A0
Tritanopia (blue-blind)
#42A29E

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Sea #3C99926.30
Dull Teal #5F9E8F7.08
Dusty Teal #4C90857.82
Grey Teal #5E9B8A7.98
Turquoise Blue #06B1C48.99
Lightseagreen #20B2AA9.29

Colors that go with cadetblue

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Dark Teal #014D4E
3.2:1
Same hue family as cadetblue (Δh 1°) — guaranteed harmony
Marine #042E60
4.4:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
2.8:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Taupe #8B7D6B
1.3:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Dusty Pink #D8A7B1
1.5:1
Complementary hue (Δh ≈166°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.