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%).

What RGB values make Cadet Blue?

Cadet Blue is 95 red, 158 green, and 160 blue, written as rgb(95, 158, 160).

Cadet Blue scores 3.05:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: cadetblue directly in CSS, which every browser resolves to #5F9EA0.

#5F9EA0

Cadet Blue is a cyan tone at #5F9EA0. It sits at 182 degrees on the color wheel with 25% saturation and 50% lightness.

Color values

Tints mix Cadet Blue with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#DFECEC

Tint 60%

#BFD8D9

Tint 40%

#9FC5C6

Tint 20%

#7FB1B3

Base

#5F9EA0

Shade 20%

#4C7E80

Shade 40%

#395F60

Shade 60%

#263F40

Shade 80%

#132020

On white

Sample text

3.05:1

Large text only

On black

Sample text

6.88:1

Passes AA for body text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Cadet Blue?: Cadet Blue is 95 red, 158 green, and 160 blue, written as rgb(95, 158, 160).
Is Cadet Blue readable as text on a white background?: Cadet Blue scores 3.05:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Cadet Blue a valid CSS color name?: Yes. You can write color: cadetblue directly in CSS, which every browser resolves to #5F9EA0.