- No data uploaded
- Instant results
Cadet Blue — #5F9EA0
Cadet Blue is the CSS named colour cadetblue, hex #5F9EA0. It has a contrast ratio of 3.05:1 on white and 6.88:1 on black — best used as text on dark backgrounds.
Cadet Blue — #5F9EA0
Contrast on white 3.05:1 · on black 6.88:1
Tints
Shades
Complementary
Triadic
Analogous
Using Cadet Blue in code
CSS: color: cadetblue; or color: #5F9EA0; · Tailwind: text-[#5F9EA0] · Android/Flutter: 0xFF5F9EA0
Cadet Blue colour harmonies
Complementary: #A0615F · Triadic: #A05F9E, #9EA05F · Analogous: #5FA082, #5F7EA0. Use tints for backgrounds and shades for hover states.
Cadet Blue in every colour format
| Format | Value |
|---|---|
| HEX | #5F9EA0 |
| RGB | rgb(95, 158, 160) |
| HSL | hsl(182, 25%, 50%) |
| HSV | hsv(182, 41%, 63%) |
| CMYK | cmyk(41%, 1%, 0%, 37%) |
| CSS name | cadetblue |
| Contrast on white | 3.05:1 |
| Contrast on black | 6.88:1 |
Frequently asked questions
What is the hex code for Cadet Blue?
#5F9EA0 (CSS name: cadetblue).
What is Cadet Blue in RGB?
rgb(95, 158, 160)
What colour goes well with Cadet Blue?
Its complementary colour #A0615F, or the analogous #5FA082 and #5F7EA0.