#66E6FD#66E6FD

#66E6FD is a very light, moderate teal. Relative luminance 0.665; OKLCH L 86.2% C 0.117 H 211.2°. Best body text is #000000 at 14.30:1 contrast (WCAG AA passes).

Color values

HEX#66E6FD
RGBrgb(102, 230, 253)
HSLhsl(189, 97%, 70%)
HSVhsv(189, 60%, 99%)
CMYKcmyk(59.7%, 9.1%, 0%, 0.8%)
CIE-LABlab(85.25, -28.82, -21.78)
CIE-LCHlch(85.25, 36.12, 217.08°)
OKLaboklab(86.17% -0.0997 -0.0604)
OKLCHoklch(86.17% 0.117 211.2)
XYZxyz(51.4986, 66.5050, 103.0322)
Luminance0.6651 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#66E6FD #FD7D66
analogous
#66FDC9 #66E6FD #669BFD
triadic
#66E6FD #FD66E6 #E6FD66
tetradic
#66E6FD #C966FD #FD7D66 #9BFD66
square
#66E6FD #C966FD #FD7D66 #9BFD66
split-complementary
#66E6FD #FD669B #FDC966
monochromatic
#03C3E6 #2ADCFC #66E6FD #A2F0FE #DFFAFF

Accessibility & contrast

On white

1.47
#66E6FD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.30
#66E6FD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #66E6FD
14.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##66E6FD#FFFFFF#000000##000000
##66E6FD1.001.4714.3014.30
#FFFFFF1.471.0021.0021.00
#00000014.3021.001.001.00
##00000014.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#D3DFFE
Deuteranopia (green-blind)
#BDCEFD
Tritanopia (blue-blind)
#00F0ED
Achromatopsia (no color)
#D5D5D5

Design tokens & code

CSS
--color: #66e6fd;
/* rgb */ color: rgb(102, 230, 253);
/* oklch */ color: oklch(86.2% 0.117 211.2);
Tailwind
colors: {
  custom: {
    50: '#9feefe',
    500: '#66e6fd',
    950: '#000000',
  },
}
SCSS
$custom: #66e6fd;
$custom-light: #9feefe;
$custom-dark: #000000;
JSON
{
  "hex": "#66e6fd",
  "rgb": {
    "r": 102,
    "g": 230,
    "b": 253
  },
  "hsl": {
    "h": 189.139,
    "s": 97.419,
    "l": 69.608
  },
  "oklch": {
    "l": 0.86165,
    "c": 0.11653,
    "h": 211.2
  },
  "luminance": 0.6651
}

Semantic roles & 50–950 ramp

primary
#66E6FD
secondary
#D8492F
accent
#2300E6
background
#FDFFFF
surface
#F7FEFF
border
#D0D6D7
text
#101617
muted
#818585

Preview Lab

Preview with #66E6FD

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#66E6FD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva