HTML named color
CadetBlue color code
Use the CadetBlue HTML color with HEX #5F9EA0, RGB 95,158,160 and HSL 182,25%,50%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#5F9EA0
rgb(95,158,160)
HEX
#5F9EA0RGB
rgb(95,158,160)HSL
hsl(182,25%,50%)OKLCH
oklch(65.8% 0.065 198.3)CSS name
cadetblueHow to use this color
CadetBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-cadet-blue {
color: #5F9EA0;
}
.bg-cadet-blue {
background-color: cadetblue;
}
.border-cadet-blue {
border-color: rgb(95,158,160);
}Shades palette
#131F20#2E4748#4B7071#669799#8EB2B4#B9CFD0#E0EAEB