Darkturquoise

darkturquoise is a CSS color keyword. The closest Tailwind step is teal-400 (#2dd4bf).

#00ced1rgb(0, 206, 209)
Hex
#00ced1
RGB
0, 206, 209
HSL
181°, 100%, 41%
OKLCH
77.2% 0.131 196.6
LAB
75.3 -40.0 -13.5

Open #00ced1 in the explorer

Text contrast

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

Black text10.7:1 AAAAPCA Lc 68
White text2.0:1 FailAPCA Lc -40

Color vision

How #00ced1 looks in simulations of color blindness, at full severity.

Full color
#00ced1
Protanopia
#bfc3d2
Deuteranopia
#a7b2d2
Tritanopia
#00d5ce

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: darkturquoise;
background: #00ced1;
@theme {
  --color-darkturquoise-50: #d4ffff;
  --color-darkturquoise-100: #8efeff;
  --color-darkturquoise-200: #46ebee;
  --color-darkturquoise-300: #00cdd0;
  --color-darkturquoise-400: #00aeb0;
  --color-darkturquoise-500: #008c8e;
  --color-darkturquoise-600: #006f70;
  --color-darkturquoise-700: #005657;
  --color-darkturquoise-800: #003e3f;
  --color-darkturquoise-900: #002829;
  --color-darkturquoise-950: #001111;
}