CSS named color
CadetBlue
#5F9EA0
HEX
#5f9ea0RGB
rgb(95, 158, 160)HSL
hsl(182, 25%, 50%)OKLCH
oklch(65.77% 0.0650 198.30)NAME
cadetbluePalette
Complementary
180° on the color wheelComplement
#9F6260
Analogous
±30° around the base hueLeft
#609F82
Right
#607D9F
Triadic
±120° for harmonic contrastTriad 1
#9F609D
Triad 2
#9D9F60
Shades
Lighter and darker variantsCSS usage
By name
color: cadetblue;
background-color: cadetblue;By HEX
color: #5f9ea0;
background-color: #5f9ea0;By RGB
color: rgb(95, 158, 160);
background-color: rgb(95, 158, 160);By HSL
color: hsl(182, 25%, 50%);
background-color: hsl(182, 25%, 50%);WCAG contrast vs white
Aa
3.05:1
AA (large text)
WCAG contrast vs black
Aa
6.88:1
AA
Related colors
FAQ — CadetBlue
What is the HEX code for CadetBlue?
The HEX code for CadetBlue is #5F9EA0. It's one of the 148 named CSS colors and can be used directly in CSS as color: cadetblue; or color: #5f9ea0;
What is CadetBlue in RGB?
CadetBlue in RGB is rgb(95, 158, 160) — red 95, green 158, blue 160.
What is CadetBlue in HSL?
CadetBlue in HSL is hsl(182, 25%, 50%) — hue 182°, saturation 25%, lightness 50%.
What is the complementary color of CadetBlue?
The complementary color (directly opposite CadetBlue on the color wheel) is #9F6260. The two together produce maximum contrast.
Is white text readable on CadetBlue?
The WCAG contrast ratio against white (#FFFFFF) is 3.05:1, and against black (#000000) it's 6.88:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.