Cadet Blue is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #5F9EA0, which equals rgb(95, 158, 160) in RGB and hsl(182, 25%, 50%) in HSL. In print terms it converts to roughly C41 M1 Y0 K37, although exact CMYK results depend on the paper and color profile.
- HEX
#5F9EA0 - RGB
95, 158, 160 - HSL
182°, 25%, 50% - CMYK
41, 1, 0, 37 - Family
Blue - Tone
Medium, muted
About Cadet Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 6.88:1. Its complementary color is #9F6260.
Download Cadet Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cadet Blue color codes
| HEX | #5F9EA0 |
|---|---|
| RGB | rgb(95, 158, 160) |
| HSL | hsl(182, 25%, 50%) |
| HSV | 182°, 41%, 63% |
| CMYK | 41%, 1%, 0%, 37% |
| Decimal | 6266528 |
Shades and tints of Cadet Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E4EFEF - 100
#CADFDF - 200
#AFCFD0 - 300
#94BEC0 - 400
#7AAEB0 - 500
#5F9EA0 - 600
#4F8485 - 700
#3F696B - 800
#304F50 - 900
#203535 - 950
#101A1B
Color harmonies for Cadet Blue
- Complementary
#9F6260≈ Dusty Red - Analogous −30°
#609F82≈ Dusty Mint - Analogous +30°
#607D9F≈ Dusty Cerulean - Triadic +120°
#9F609D≈ Dusty Magenta - Triadic +240°
#9D9F60≈ Dusty Yellow - Split 150°
#9F607D≈ Dusty Blush - Split 210°
#9F8260≈ Dusty Orange
Contrast and accessibility of Cadet Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cadet Blue | Aa | 3.05:1 | AA Large only |
| Black text on Cadet Blue | Aa | 6.88:1 | AA (good) |
CSS code for Cadet Blue
background-color: #5F9EA0;color: #5F9EA0;background-color: rgb(95, 158, 160);background-color: hsl(182, 25%, 50%);:root { --color-cadet-blue: #5F9EA0; }class="bg-[#5F9EA0]"Colors similar to Cadet Blue
- Dusty Cyan
#669999 - Dusty Teal
#669994 - Dusty Lagoon
#669499 - Dusty Turquoise
#66998F - Dusty Peacock
#668F99 - Dusty Aquamarine
#66998A - Muted Peacock
#4D9EB2 - Dusty Capri
#668A99 - Muted Lagoon
#4DA8B2 - Muted Capri
#4D94B2 - Dusty Seafoam
#669985 - Muted Turquoise
#4DB29E
More blue shades
- Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cornflower Blue
#6495ED - Dark Blue
#00008B - Dark Cyan
#008B8B - Dark Slate Blue
#483D8B - Dark Slate Gray
#2F4F4F
Frequently asked questions
What is the HEX code for Cadet Blue?
The HEX code for Cadet Blue is #5F9EA0.
What is the RGB value of Cadet Blue?
Cadet Blue has an RGB value of 95, 158, 160 (rgb(95, 158, 160)). In HSL it is 182°, 25%, 50%.
What text color should I use on Cadet Blue?
Use black text on Cadet Blue. White text has a contrast ratio of 3.05:1 and black text has 6.88:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cadet Blue?
The complementary color of Cadet Blue is #9F6260. Analogous colors #609F82 and #607D9F also pair well.