Cadet Blue hex code
The hex code for cadet blue is #5F9EA0. In RGB that is rgb(95, 158, 160) and in HSL it is hsl(182, 25%, 50%).
The hex code for cadet blue is #5F9EA0. In RGB that is rgb(95, 158, 160) and in HSL it is hsl(182, 25%, 50%).
Cadet Blue · #5F9EA0
Colour codes
- HEX
- #5F9EA0
- RGB
- rgb(95, 158, 160)
- HSL
- hsl(182, 25%, 50%)
- CMYK
- 41, 1, 0, 37
- CSS name
- cadetblue
- Contrast on white
- 3.05:1
- Contrast on black
- 6.88:1
Tints and shades
20% lighter · #7fb1b3
40% lighter · #9fc5c6
60% lighter · #bfd8d9
80% lighter · #dfecec
20% darker · #4c7e80
40% darker · #395f60
60% darker · #263f40
80% darker · #132020
Complementary colour
Cadet Blue · #5F9EA0
Opposite on the colour wheel · #9f6260
Frequently asked questions
What is the hex code for cadet blue?
The hex code for cadet blue is #5F9EA0. In RGB that is rgb(95, 158, 160) and in HSL it is hsl(182, 25%, 50%).
Can I use cadet blue for text?
It has a contrast ratio of 3.05:1 on white and 6.88:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with cadet blue?
Its complementary colour, opposite on the colour wheel, is #9F6260. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of cadet blue instead.
Is cadet blue a CSS colour name?
Yes. CSS accepts the keyword cadetblue, so color: cadetblue and color: #5F9EA0 render exactly the same.