#9EEBFB#9EEBFB

#9EEBFB is a very light, moderate cyan. Relative luminance 0.737; OKLCH L 89.5% C 0.079 H 212.1°. Best body text is #000000 at 15.73:1 contrast (WCAG AA passes).

Color values

HEX#9EEBFB
RGBrgb(158, 235, 251)
HSLhsl(190, 92%, 80%)
HSVhsv(190, 37%, 98%)
CMYKcmyk(37.1%, 6.4%, 0%, 1.6%)
CIE-LABlab(88.76, -19.74, -15.23)
CIE-LCHlch(88.76, 24.93, 217.66°)
OKLaboklab(89.54% -0.0666 -0.0418)
OKLCHoklch(89.54% 0.079 212.1)
XYZxyz(61.2154, 73.6469, 102.2377)
Luminance0.7365 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9EEBFB #FBAE9E
analogous
#9EFBDD #9EEBFB #9EBCFB
triadic
#9EEBFB #FB9EEB #EBFB9E
tetradic
#9EEBFB #DD9EFB #FBAE9E #BCFB9E
square
#9EEBFB #DD9EFB #FBAE9E #BCFB9E
split-complementary
#9EEBFB #FB9EBC #FBDD9E
monochromatic
#28D3F6 #63DFF9 #9EEBFB #D9F7FD #E2F9FE

Accessibility & contrast

On white

1.34
#9EEBFB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.73
#9EEBFB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9EEBFB
15.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9EEBFB#FFFFFF#000000##000000
##9EEBFB1.001.3415.7315.73
#FFFFFF1.341.0021.0021.00
#00000015.7321.001.001.00
##00000015.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#DEE6FC
Deuteranopia (green-blind)
#CFDAFB
Tritanopia (blue-blind)
#7AF2F0
Achromatopsia (no color)
#DFDFDF

Design tokens & code

CSS
--color: #9eebfb;
/* rgb */ color: rgb(158, 235, 251);
/* oklch */ color: oklch(89.5% 0.079 212.1);
Tailwind
colors: {
  custom: {
    50: '#bef1fc',
    500: '#9eebfb',
    950: '#000000',
  },
}
SCSS
$custom: #9eebfb;
$custom-light: #bef1fc;
$custom-dark: #000000;
JSON
{
  "hex": "#9eebfb",
  "rgb": {
    "r": 158,
    "g": 235,
    "b": 251
  },
  "hsl": {
    "h": 190.323,
    "s": 92.079,
    "l": 80.196
  },
  "oklch": {
    "l": 0.89544,
    "c": 0.0786,
    "h": 212.1
  },
  "luminance": 0.73651
}

Semantic roles & 50–950 ramp

primary
#9EEBFB
secondary
#DD7660
accent
#2700E6
background
#FDFFFF
surface
#F9FEFF
border
#D2D6D7
text
#121617
muted
#828585

Preview Lab

Preview with #9EEBFB

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

Preview Lab → · Contrast checker → · Palette generator →

#9EEBFB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva