#82CBF6#82CBF6

#82CBF6 is a light, moderate cyan. Relative luminance 0.541; OKLCH L 81.0% C 0.095 H 235.5°. Best body text is #000000 at 11.82:1 contrast (WCAG AA passes).

Color values

HEX#82CBF6
RGBrgb(130, 203, 246)
HSLhsl(202, 87%, 74%)
HSVhsv(202, 47%, 96%)
CMYKcmyk(47.2%, 17.5%, 0%, 3.5%)
CIE-LABlab(78.52, -11.51, -28.22)
CIE-LCHlch(78.52, 30.48, 247.81°)
OKLaboklab(81% -0.0538 -0.0783)
OKLCHoklch(81% 0.095 235.5)
XYZxyz(47.1905, 54.1080, 95.1281)
Luminance0.5411 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#82CBF6 #F6AD82
analogous
#82F6E7 #82CBF6 #8291F6
triadic
#82CBF6 #F682CB #CBF682
tetradic
#82CBF6 #E782F6 #F6AD82 #91F682
square
#82CBF6 #E782F6 #F6AD82 #91F682
split-complementary
#82CBF6 #F68291 #F6E782
monochromatic
#119BED #49B3F2 #82CBF6 #BBE3FA #E2F3FD

Accessibility & contrast

On white

1.78
#82CBF6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.82
#82CBF6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #82CBF6
11.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##82CBF6#FFFFFF#000000##000000
##82CBF61.001.7811.8211.82
#FFFFFF1.781.0021.0021.00
#00000011.8221.001.001.00
##00000011.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#B7C9F8
Deuteranopia (green-blind)
#A7BDF5
Tritanopia (blue-blind)
#4BD6D9
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #82cbf6;
/* rgb */ color: rgb(130, 203, 246);
/* oklch */ color: oklch(81.0% 0.095 235.5);
Tailwind
colors: {
  custom: {
    50: '#acdaf9',
    500: '#82cbf6',
    950: '#000000',
  },
}
SCSS
$custom: #82cbf6;
$custom-light: #acdaf9;
$custom-dark: #000000;
JSON
{
  "hex": "#82cbf6",
  "rgb": {
    "r": 130,
    "g": 203,
    "b": 246
  },
  "hsl": {
    "h": 202.241,
    "s": 86.567,
    "l": 73.725
  },
  "oklch": {
    "l": 0.81002,
    "c": 0.09503,
    "h": 235.5
  },
  "luminance": 0.54112
}

Semantic roles & 50–950 ramp

primary
#82CBF6
secondary
#D37C4A
accent
#5602E3
background
#FDFEFF
surface
#F7FBFF
border
#D0D4D7
text
#111417
muted
#818385

Preview Lab

Preview with #82CBF6

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

Preview Lab → · Contrast checker → · Palette generator →

#82CBF6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva