Cadet Blue color values
| Format | Value |
|---|---|
| Hex | #5F9EA0 |
| RGB | rgb(95, 158, 160) |
| HSL | hsl(182, 25%, 50%) |
| HSV | 182, 41%, 63% |
| CMYK (simple conversion) | 41%, 1%, 0%, 37% |
| Decimal | 6266528 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Cadet Blue
Cadet blue is a muted, grayish blue with a slight green tint. Its subdued nature makes it useful for secondary interface elements like borders or inactive states. The color carries historical ties to military uniforms from the nineteenth century. It is one of the 148 CSS named colors.
Shades and tints of Cadet Blue
Tints mix Cadet Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #6FA8AA | #568E90 |
| 20% | #7FB1B3 | #4C7E80 |
| 30% | #8FBBBD | #436F70 |
| 40% | #9FC5C6 | #395F60 |
| 50% | #AFCFD0 | #304F50 |
Color harmony for Cadet Blue
These colors keep the same saturation and lightness as Cadet Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #A0615F |
| Analogous | #5FA081 #5F7EA0 |
| Triadic | #A05F9E #9EA05F |
| Split complementary | #A05F7E #A0815F |
Contrast and accessibility
Contrast between #5F9EA0 and white is 3.05:1 (large text only). Against black it is 6.88:1 (passes AA). For text on a Cadet Blue background, black text is the more readable choice.
Use Cadet Blue in CSS
.element {
color: cadetblue;
background-color: #5F9EA0;
border-color: rgb(95 158 160);
outline-color: hsl(182 25% 50%);
}All four lines produce exactly the same color. The keyword cadetblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightslategray: #778899
- Slate Gray: #708090
- Steel Blue: #4682B4
- mediumaquamarine: #66CDAA
FAQ
What is the hex code for Cadet Blue?
The hex code for Cadet Blue is #5F9EA0. As a CSS color keyword you can also write cadetblue.
What is Cadet Blue in RGB?
Cadet Blue is rgb(95, 158, 160): red 95, green 158, blue 160 on the 0 to 255 scale.
What color is closest to Cadet Blue?
Of the CSS named colors, lightslategray (#778899) is the closest match to Cadet Blue, followed by slategray and steelblue.
More colors
- Brown: previous page
- Chartreuse: next page
- CSS named colors: the full list