Cadet Blue

#5F9EA0

What color is Cadet Blue?

Cadet blue is a muted, medium-toned blue with a slight green tint, hex #5F9EA0, close to the color of a calm, overcast ocean. It has more gray in it than a clear sky blue, giving it a soft, weathered quality.

What is the meaning of the color Cadet Blue?

Named after the blue-gray uniforms worn by cadets at the United States Military Academy at West Point, the color was first recorded in American English in 1889. It became associated with military dress and the restrained, practical aesthetics of institutional wear throughout the late 19th and early 20th centuries. As military-inspired color palettes entered civilian fashion and design, cadet blue was adopted in workwear, outerwear, and home textiles. The color is anchored in the CSS web standard, where it has been a named color since CSS3 was formalized by the W3C in 2001.

RGB
95, 158, 160
HSL
182°, 25%, 50%
CMYK
41, 1, 0, 37
HSV
182°, 41%, 63%
Cadet blue color

What colors go with Cadet Blue?

Colors that pair well with Cadet blue include:
Navy: deeper anchor, strong contrast
Sand: warm, softening balance
White: clean, fresh brightness
Burnt orange: bold, warm contrast
Olive green: earthy, muted harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #5F9EA0 color: #5F9EA0;
RGB 95, 158, 160 color: rgb(95, 158, 160);
RGB Percentage 37%, 62%, 63% color: rgb(37%, 62%, 63%);
CMYK 41%, 1%, 0%, 37% Not supported in CSS
HSL 182°, 25%, 50% color: hsl(182, 25%, 50%);
HSV 182°, 41%, 63% Not supported in CSS
CIE-LAB 40, -13, -1 color: lab(40% -13 -1);
Decimal 6266528 Not supported in CSS

Color Variations

Shades

#609D9F
#568E8F
#4D7E80
#436E70
#395E60
#304F50
#263F40
#1D2F30

Tints

#CFE2E2
#BFD8D9
#AFCECF
#9FC4C6
#8FBBBC
#80B1B3
#70A7A9
#609D9F

Tones

#609D9F
#639A9C
#669799
#699496
#6C9193
#708E8F
#738B8C
#768889

Hues

#609D9F
#606D9F
#82609F
#9F608D
#9F6260
#9F9260
#7D9F60
#609F72

Color Harmonies

Analogous

#609F82
Click to copy
#5F9EA0
Click to copy
#607D9F
Click to copy

Complementary

#5F9EA0
Click to copy
#9F6260
Click to copy

Split Complementary

#5F9EA0
Click to copy
#9F607D
Click to copy
#9F8260
Click to copy
94%

Triadic

#5F9EA0
Click to copy
#9F609D
Click to copy
#9D9F60
Click to copy

Tetradic

#5F9EA0
Click to copy
#82609F
Click to copy
#9F6260
Click to copy
#7D9F60
Click to copy

Square

#5F9EA0
Click to copy
#82609F
Click to copy
#9F6260
Click to copy
#7D9F60
Click to copy

CSS & Dev Snippets

CSS
.cadet-blue {
  color: #5F9EA0;
}
SCSS
$cadet-blue: #5F9EA0;
RGB
rgb(95, 158, 160)

Accessibility & Contrast

White background

3.05:1
3.05
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.88:1
6.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags