Turquoise

turquoise is a CSS color keyword. The closest Tailwind step is teal-300 (#5eead4).

#40e0d0rgb(64, 224, 208)

Hex: #40e0d0
RGB: 64, 224, 208
HSL: 174°, 72%, 56%
OKLCH: 82.2% 0.131 185.1
LAB: 81.3 -44.1 -4.0

Open #40e0d0 in the explorer

Text contrast

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

Black text12.8:1 AAAAPCA Lc 77

White text1.6:1 FailAPCA Lc -30

Color vision

How #40e0d0 looks in simulations of color blindness, at full severity.

Full color
#40e0d0

Protanopia
#d5d3d0

Deuteranopia
#bec3d2

Tritanopia
#00e5db

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: turquoise;
background: #40e0d0;

@theme {
  --color-turquoise-50: #d7fff9;
  --color-turquoise-100: #90fff1;
  --color-turquoise-200: #51eddc;
  --color-turquoise-300: #21cfbf;
  --color-turquoise-400: #00b0a2;
  --color-turquoise-500: #008d82;
  --color-turquoise-600: #007067;
  --color-turquoise-700: #005750;
  --color-turquoise-800: #003f39;
  --color-turquoise-900: #002824;
  --color-turquoise-950: #00110f;
}