Cadetblue

cadetblue is a CSS color keyword. The closest Tailwind step is teal-600 (#0d9488).

#5f9ea0rgb(95, 158, 160)
Hex
#5f9ea0
RGB
95, 158, 160
HSL
182°, 25%, 50%
OKLCH
65.8% 0.065 198.3
LAB
61.2 -19.7 -7.4

Open #5f9ea0 in the explorer

Text contrast

Black or white text on #5f9ea0. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text6.9:1 AAAPCA Lc 50
White text3.1:1 FailAPCA Lc -60

Color vision

How #5f9ea0 looks in simulations of color blindness, at full severity.

Full color
#5f9ea0
Protanopia
#9699a0
Deuteranopia
#8b90a0
Tritanopia
#42a29e

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to cadetblue.

50100200300400500600700800900950

Copy into CSS

color: cadetblue;
background: #5f9ea0;
@theme {
  --color-cadetblue-50: #d7feff;
  --color-cadetblue-100: #b5f6f8;
  --color-cadetblue-200: #9edfe1;
  --color-cadetblue-300: #82c1c3;
  --color-cadetblue-400: #66a5a7;
  --color-cadetblue-500: #478688;
  --color-cadetblue-600: #2b6c6e;
  --color-cadetblue-700: #0e5557;
  --color-cadetblue-800: #003e40;
  --color-cadetblue-900: #002829;
  --color-cadetblue-950: #001112;
}