#8BE8FB#8BE8FB

#8BE8FB is a very light, moderate cyan. Relative luminance 0.702; OKLCH L 88.0% C 0.092 H 212.2°. Best body text is #000000 at 15.03:1 contrast (WCAG AA passes).

Color values

HEX#8BE8FB
RGBrgb(139, 232, 251)
HSLhsl(190, 93%, 76%)
HSVhsv(190, 45%, 98%)
CMYKcmyk(44.6%, 7.6%, 0%, 1.6%)
CIE-LABlab(87.08, -22.87, -17.84)
CIE-LCHlch(87.08, 29.01, 217.96°)
OKLaboklab(87.97% -0.0781 -0.0491)
OKLCHoklch(87.97% 0.092 212.2)
XYZxyz(56.9102, 70.1628, 101.7919)
Luminance0.7017 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8BE8FB #FB9E8B
analogous
#8BFBD6 #8BE8FB #8BB0FB
triadic
#8BE8FB #FB8BE8 #E8FB8B
tetradic
#8BE8FB #D68BFB #FB9E8B #B0FB8B
square
#8BE8FB #D68BFB #FB9E8B #B0FB8B
split-complementary
#8BE8FB #FB8BB0 #FBD68B
monochromatic
#15D1F7 #50DCF9 #8BE8FB #C6F4FD #E1F9FE

Accessibility & contrast

On white

1.40
#8BE8FB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.03
#8BE8FB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8BE8FB
15.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8BE8FB#FFFFFF#000000##000000
##8BE8FB1.001.4015.0315.03
#FFFFFF1.401.0021.0021.00
#00000015.0321.001.001.00
##00000015.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D9E2FC
Deuteranopia (green-blind)
#C7D4FB
Tritanopia (blue-blind)
#55F0EE
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #8be8fb;
/* rgb */ color: rgb(139, 232, 251);
/* oklch */ color: oklch(88.0% 0.092 212.2);
Tailwind
colors: {
  custom: {
    50: '#b3effc',
    500: '#8be8fb',
    950: '#000000',
  },
}
SCSS
$custom: #8be8fb;
$custom-light: #b3effc;
$custom-dark: #000000;
JSON
{
  "hex": "#8be8fb",
  "rgb": {
    "r": 139,
    "g": 232,
    "b": 251
  },
  "hsl": {
    "h": 190.179,
    "s": 93.333,
    "l": 76.471
  },
  "oklch": {
    "l": 0.87973,
    "c": 0.09226,
    "h": 212.2
  },
  "luminance": 0.70167
}

Semantic roles & 50–950 ramp

primary
#8BE8FB
secondary
#DA6750
accent
#2700E6
background
#FDFFFF
surface
#F8FEFF
border
#D1D6D7
text
#111617
muted
#818585

Preview Lab

Preview with #8BE8FB

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

Preview Lab → · Contrast checker → · Palette generator →

#8BE8FB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva