Paleturquoise

paleturquoise is a CSS color keyword. The closest Tailwind step is cyan-200 (#a5f3fc).

#afeeeergb(175, 238, 238)

Hex: #afeeee
RGB: 175, 238, 238
HSL: 180°, 65%, 81%
OKLCH: 90.7% 0.063 196.1
LAB: 90.1 -19.6 -6.4

Open #afeeee in the explorer

Text contrast

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

Black text16.3:1 AAAAPCA Lc 90

White text1.3:1 FailAPCA Lc -16

Color vision

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

Full color
#afeeee

Protanopia
#e6e8ee

Deuteranopia
#dadfef

Tritanopia
#99f2ee

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: paleturquoise;
background: #afeeee;

@theme {
  --color-paleturquoise-50: #d4ffff;
  --color-paleturquoise-100: #b6f6f6;
  --color-paleturquoise-200: #a0dedf;
  --color-paleturquoise-300: #84c1c1;
  --color-paleturquoise-400: #68a5a5;
  --color-paleturquoise-500: #498687;
  --color-paleturquoise-600: #2e6c6c;
  --color-paleturquoise-700: #125556;
  --color-paleturquoise-800: #003e3f;
  --color-paleturquoise-900: #002828;
  --color-paleturquoise-950: #001111;
}