Cadet Blue #5F9EA0

Cadet Blue#5F9EA0 · rgb(95, 158, 160)

Cadet Blue color codes

CSS namecadetblue
HEX#5F9EA0
RGBrgb(95, 158, 160)
HSLhsl(182, 25%, 50%)
CMYKcmyk(41%, 1%, 0%, 37%)
Decimal6266528

Shades of Cadet Blue (darker)

#568E90 · #4C7E80 · #436F70 · #395F60 · #304F50 · #263F40 · #1D2F30 · #132020 · #0A1010

Tints of Cadet Blue (lighter)

#6FA8AA · #7FB1B3 · #8FBBBD · #9FC5C6 · #AFCFD0 · #BFD8D9 · #CFE2E3 · #DFECEC · #EFF5F6

Color harmonies

Complementary
#9F6260
Triadic
#9F609D, #9D9F60
Analogous
#609F82, #607D9F

Accessibility (WCAG contrast)

White text on Cadet Blue3.05:1 · AA large text only
Black text on Cadet Blue6.88:1 · AA

Use Cadet Blue in code

.element {
  color: cadetblue;          /* or #5f9ea0 */
  background-color: rgb(95 158 160 / 0.5);
}

Frequently asked questions

What is the hex code for Cadet Blue?

Cadet Blue is #5F9EA0 in HEX, rgb(95, 158, 160) in RGB and hsl(182, 25%, 50%) in HSL.

Can I use "cadetblue" directly in CSS?

Yes. "cadetblue" is one of the 148 standard CSS named colors, so color: cadetblue; works in every browser.

Is Cadet Blue readable on white?

The contrast ratio of Cadet Blue on white is 3.05:1 (WCAG AA large text only). On black it is 6.88:1 (AA).

What is the complementary color of Cadet Blue?

The complementary color (opposite on the color wheel) is #9F6260.

Similar colors

Light Slate Gray#778899Light Slate Grey#778899Slate Gray#708090Slate Grey#708090Steel Blue#4682B4Medium Aquamarine#66CDAAGray#808080Grey#808080

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.