ع

Cadet Blue

أزرق كاديت

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.2942
Cyan & Teal CSS Named ColorsCool Colors Cool

Shades of Cadet Blue

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text3.05:1
✗ AA✗ AAA✓ AA Large
Black text6.88:1
✓ AA✗ AAA✓ AA Large
On white3.05:1
✗ AA✗ AAA✓ AA Large
On black6.19:1
✓ AA✗ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Cadet Blue

Full-color background with readable text.

Get started

About Cadet Blue

Cadet Blue (#5F9EA0) is a medium, muted color from the Cyan & Teal family with a cool character. It is made of 95 red, 158 green and 160 blue (hsl(182, 25%, 50%)). Its contrast ratio is 3.05:1 against white and 6.88:1 against black, so dark text reads best on it.

Suggested uses

  • supporting interface colors and illustrations
  • textiles, furniture and accent walls
  • calm, trustworthy or technical themes

Reading the codes

In HEX, #5F9EA0 stores red, green and blue as pairs of base-16 digits: 95, 158 and 160 out of 255. In HSL the same color has a hue of 182°, 25% saturation and 50% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#4D9FA8Lagoon#43B3AEVerdigris#20B2AALight Sea Green#008B8BDark Cyan#1CA9C9Pacific Blue#95A5A6Concrete#00827FTeal Green#008080Teal#00CCCCRobin Egg Blue#00CED1Dark Turquoise

Palettes with this color

Healthcare Calm#0F4C5C #2A9D8F #8ECAE6 #E9F5F2 #FFFFFFBeach Day#FFD166 #F4A261 #2A9D8F #E9F5DB #264653Slate and Teal#1E293B #334155 #64748B #0D9488 #CCFBF1Citrus Splash#F9C80E #F86624 #EA3546 #662E9B #43BCCD

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Cadet Blue?
The HEX code of Cadet Blue is #5F9EA0. In RGB it is rgb(95, 158, 160) and in HSL hsl(182, 25%, 50%).
Which text color works on Cadet Blue?
White text has a contrast ratio of 3.05:1 on Cadet Blue and black text 6.88:1, so black text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Cadet Blue?
Rotating the hue of Cadet Blue by 180° gives #A0615F, its complementary color on the RGB color wheel.
What is Cadet Blue in CMYK?
An approximate CMYK value for Cadet Blue is cmyk(41%, 1%, 0%, 37%). For printing, ask your printer for an ICC-profiled conversion.