#ABD7F6#ABD7F6

#ABD7F6 is a very light, moderate cyan. Relative luminance 0.639; OKLCH L 85.8% C 0.063 H 239.2°. Best body text is #000000 at 13.78:1 contrast (WCAG AA passes).

Color values

HEX#ABD7F6
RGBrgb(171, 215, 246)
HSLhsl(205, 81%, 82%)
HSVhsv(205, 30%, 96%)
CMYKcmyk(30.5%, 12.6%, 0%, 3.5%)
CIE-LABlab(83.92, -7.26, -19.81)
CIE-LCHlch(83.92, 21.10, 249.88°)
OKLaboklab(85.84% -0.0324 -0.0543)
OKLCHoklch(85.84% 0.063 239.2)
XYZxyz(57.7245, 63.9100, 96.4653)
Luminance0.6391 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ABD7F6 #F6CAAB
analogous
#ABF6F0 #ABD7F6 #ABB2F6
triadic
#ABD7F6 #F6ABD7 #D7F6AB
tetradic
#ABD7F6 #F0ABF6 #F6CAAB #B2F6AB
square
#ABD7F6 #F0ABF6 #F6CAAB #B2F6AB
split-complementary
#ABD7F6 #F6ABB2 #F6F0AB
monochromatic
#3CA2EA #74BDF0 #ABD7F6 #E2F1FC #E3F2FC

Accessibility & contrast

On white

1.52
#ABD7F6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.78
#ABD7F6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABD7F6
13.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ABD7F6#FFFFFF#000000##000000
##ABD7F61.001.5213.7813.78
#FFFFFF1.521.0021.0021.00
#00000013.7821.001.001.00
##00000013.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#CAD6F8
Deuteranopia (green-blind)
#C0CEF5
Tritanopia (blue-blind)
#94DFE1
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #abd7f6;
/* rgb */ color: rgb(171, 215, 246);
/* oklch */ color: oklch(85.8% 0.063 239.2);
Tailwind
colors: {
  custom: {
    50: '#c5e3f9',
    500: '#abd7f6',
    950: '#000000',
  },
}
SCSS
$custom: #abd7f6;
$custom-light: #c5e3f9;
$custom-dark: #000000;
JSON
{
  "hex": "#abd7f6",
  "rgb": {
    "r": 171,
    "g": 215,
    "b": 246
  },
  "hsl": {
    "h": 204.8,
    "s": 80.645,
    "l": 81.765
  },
  "oklch": {
    "l": 0.85839,
    "c": 0.06321,
    "h": 239.2
  },
  "luminance": 0.63913
}

Semantic roles & 50–950 ramp

primary
#ABD7F6
secondary
#D79A6E
accent
#6009DD
background
#FDFEFF
surface
#F9FCFF
border
#D2D5D7
text
#131517
muted
#828485

Preview Lab

Preview with #ABD7F6

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

Preview Lab → · Contrast checker → · Palette generator →

#ABD7F6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva