#66DAFD#66DAFD

#66DAFD is a very light, moderate cyan. Relative luminance 0.601; OKLCH L 83.5% C 0.115 H 220.6°. Best body text is #000000 at 13.01:1 contrast (WCAG AA passes).

Color values

HEX#66DAFD
RGBrgb(102, 218, 253)
HSLhsl(194, 97%, 70%)
HSVhsv(194, 60%, 99%)
CMYKcmyk(59.7%, 13.8%, 0%, 0.8%)
CIE-LABlab(81.87, -22.92, -26.93)
CIE-LCHlch(81.87, 35.36, 229.60°)
OKLaboklab(83.45% -0.0874 -0.0749)
OKLCHoklch(83.45% 0.115 220.6)
XYZxyz(48.2735, 60.0546, 101.9571)
Luminance0.6006 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#66DAFD #FD8966
analogous
#66FDD4 #66DAFD #668FFD
triadic
#66DAFD #FD66DA #DAFD66
tetradic
#66DAFD #D466FD #FD8966 #8FFD66
square
#66DAFD #D466FD #FD8966 #8FFD66
split-complementary
#66DAFD #FD668F #FDD466
monochromatic
#03B1E6 #2ACBFC #66DAFD #A2E9FE #DFF7FF

Accessibility & contrast

On white

1.61
#66DAFD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.01
#66DAFD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #66DAFD
13.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##66DAFD#FFFFFF#000000##000000
##66DAFD1.001.6113.0113.01
#FFFFFF1.611.0021.0021.00
#00000013.0121.001.001.00
##00000013.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5D5FF
Deuteranopia (green-blind)
#AFC5FD
Tritanopia (blue-blind)
#00E5E5
Achromatopsia (no color)
#CCCCCC

Design tokens & code

CSS
--color: #66dafd;
/* rgb */ color: rgb(102, 218, 253);
/* oklch */ color: oklch(83.5% 0.115 220.6);
Tailwind
colors: {
  custom: {
    50: '#9fe5fe',
    500: '#66dafd',
    950: '#000000',
  },
}
SCSS
$custom: #66dafd;
$custom-light: #9fe5fe;
$custom-dark: #000000;
JSON
{
  "hex": "#66dafd",
  "rgb": {
    "r": 102,
    "g": 218,
    "b": 253
  },
  "hsl": {
    "h": 193.907,
    "s": 97.419,
    "l": 69.608
  },
  "oklch": {
    "l": 0.8345,
    "c": 0.11509,
    "h": 220.6
  },
  "luminance": 0.60059
}

Semantic roles & 50–950 ramp

primary
#66DAFD
secondary
#D8562F
accent
#3500E6
background
#FDFEFF
surface
#F7FCFF
border
#D0D5D7
text
#101517
muted
#818485

Preview Lab

Preview with #66DAFD

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

Preview Lab → · Contrast checker → · Palette generator →

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