A study in teal
Cadet Blue
#5F9EA0
- Family
- Teal
- L
- 0.658
- C
- 0.065
- H
- 198°
Notes
Cadet Blue is a desaturated blue-green, named after the dark teal of British naval cadet uniforms. The CSS hex is dustier than the historical dye, sitting in muted-teal territory. It is one of the rare CSS colors that ages well in modern flat-design palettes because its low chroma keeps it from looking dated. As a secondary surface color it suits marine or heritage brands, or works as a calming background for content-heavy pages where stronger blues would distract. Cream or warm white handles type contrast. Body text against white passes AA at headline sizes; smaller sizes need careful verification.
Palette built around Cadet Blue
Related colors
Frequently asked questions
What is Cadet Blue?
Cadet Blue is a desaturated blue-green, named after the dark teal of British naval cadet uniforms. The CSS hex is dustier than the historical dye, sitting in muted-teal territory. Its hex code is #5F9EA0.
What are the tints and shades of Cadet Blue?
uishades builds an 11-step OKLCH ramp for Cadet Blue (#5F9EA0) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Cadet Blue?
Its complementary color is #B68282. Triadic partners are #A385AB and #A78D64; analogous neighbours are #669AB1 and #699F8A.
What are the OKLCH and RGB values of Cadet Blue?
Cadet Blue is #5F9EA0 - OKLCH 0.658 0.065 198°, rgb(95 158 160), in the teal family.