About Cadet Blue
Cadet Blue (cadetblue) is a medium, moderately saturated cyan with the hex code #5f9ea0, or rgb(95, 158, 160). In HSL it sits at a hue of 182°, 25% saturation and 50% lightness. It is one of the 148 named colors every browser understands, so you can write color: cadetblue; instead of the hex value.
Using Cadet Blue for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Cadet Blue text on white | 3.05 : 1 | AA large text only |
| Cadet Blue text on black | 6.88 : 1 | AA |
On a cadet blue background, use black text (6.88 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: cadetblue; /* or #5f9ea0 */
background-color: #5f9ea0;
border: 1px solid rgb(95 158 160 / 50%);
}Similar named colors
Light Slate Gray (#778899), Slate Gray (#708090), Steel Blue (#4682b4), Medium Aquamarine (#66cdaa), Gray (#808080), Dark Sea Green (#8fbc8f).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for cadet blue?
#5f9ea0 — that is rgb(95, 158, 160) and hsl(182, 25%, 50%). In CSS you can also just write cadetblue.
Is cadet blue text readable on white?
Its contrast ratio on white is 3.05 : 1, which passes only for large text (WCAG AA large).
What colors go well with cadet blue?
Its complementary color is #9f6260; analogous colors #609f82 and #607d9f sit next to it on the color wheel.