#68CAFD#68CAFD

#68CAFD is a light, moderate cyan. Relative luminance 0.523; OKLCH L 79.9% C 0.117 H 233.6°. Best body text is #000000 at 11.46:1 contrast (WCAG AA passes).

Color values

HEX#68CAFD
RGBrgb(104, 202, 253)
HSLhsl(201, 97%, 70%)
HSVhsv(201, 59%, 99%)
CMYKcmyk(58.9%, 20.2%, 0%, 0.8%)
CIE-LABlab(77.44, -14.37, -33.72)
CIE-LCHlch(77.44, 36.65, 246.92°)
OKLaboklab(79.94% -0.0696 -0.0942)
OKLCHoklch(79.94% 0.117 233.6)
XYZxyz(44.5523, 52.2717, 100.6510)
Luminance0.5228 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#68CAFD #FD9B68
analogous
#68FDE6 #68CAFD #687FFD
triadic
#68CAFD #FD68CA #CAFD68
tetradic
#68CAFD #E668FD #FD9B68 #7FFD68
square
#68CAFD #E668FD #FD9B68 #7FFD68
split-complementary
#68CAFD #FD687F #FDE668
monochromatic
#0399E8 #2CB5FC #68CAFD #A4DFFE #E1F4FF

Accessibility & contrast

On white

1.83
#68CAFD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.46
#68CAFD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #68CAFD
11.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##68CAFD#FFFFFF#000000##000000
##68CAFD1.001.8311.4611.46
#FFFFFF1.831.0021.0021.00
#00000011.4621.001.001.00
##00000011.4621.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1C8FF
Deuteranopia (green-blind)
#9DB9FC
Tritanopia (blue-blind)
#00D8DB
Achromatopsia (no color)
#BFBFBF

Design tokens & code

CSS
--color: #68cafd;
/* rgb */ color: rgb(104, 202, 253);
/* oklch */ color: oklch(79.9% 0.117 233.6);
Tailwind
colors: {
  custom: {
    50: '#9fdafe',
    500: '#68cafd',
    950: '#000000',
  },
}
SCSS
$custom: #68cafd;
$custom-light: #9fdafe;
$custom-dark: #000000;
JSON
{
  "hex": "#68cafd",
  "rgb": {
    "r": 104,
    "g": 202,
    "b": 253
  },
  "hsl": {
    "h": 200.537,
    "s": 97.386,
    "l": 70
  },
  "oklch": {
    "l": 0.79938,
    "c": 0.11714,
    "h": 233.6
  },
  "luminance": 0.52276
}

Semantic roles & 50–950 ramp

primary
#68CAFD
secondary
#D86A31
accent
#4F00E6
background
#FCFEFF
surface
#F6FBFF
border
#D0D4D7
text
#101417
muted
#808385

Preview Lab

Preview with #68CAFD

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

Preview Lab → · Contrast checker → · Palette generator →

#68CAFD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva