#88ECF7#88ECF7

#88ECF7 is a very light, moderate teal. Relative luminance 0.719; OKLCH L 88.6% C 0.095 H 204.8°. Best body text is #000000 at 15.39:1 contrast (WCAG AA passes).

Color values

HEX#88ECF7
RGBrgb(136, 236, 247)
HSLhsl(186, 87%, 75%)
HSVhsv(186, 45%, 97%)
CMYKcmyk(44.9%, 4.5%, 0%, 3.1%)
CIE-LABlab(87.94, -26.53, -14.46)
CIE-LCHlch(87.94, 30.22, 208.60°)
OKLaboklab(88.59% -0.0863 -0.0398)
OKLCHoklch(88.59% 0.095 204.8)
XYZxyz(56.9309, 71.9360, 98.8626)
Luminance0.7194 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#88ECF7 #F79388
analogous
#88F7CB #88ECF7 #88B4F7
triadic
#88ECF7 #F788EC #ECF788
tetradic
#88ECF7 #CB88F7 #F79388 #B4F788
square
#88ECF7 #CB88F7 #F79388 #B4F788
split-complementary
#88ECF7 #F788B4 #F7CB88
monochromatic
#15DAEF #4FE3F3 #88ECF7 #C1F5FB #E2FAFD

Accessibility & contrast

On white

1.36
#88ECF7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.39
#88ECF7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #88ECF7
15.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##88ECF7#FFFFFF#000000##000000
##88ECF71.001.3615.3915.39
#FFFFFF1.361.0021.0021.00
#00000015.3921.001.001.00
##00000015.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#DEE5F8
Deuteranopia (green-blind)
#CBD7F7
Tritanopia (blue-blind)
#4FF3EF
Achromatopsia (no color)
#DDDDDD

Design tokens & code

CSS
--color: #88ecf7;
/* rgb */ color: rgb(136, 236, 247);
/* oklch */ color: oklch(88.6% 0.095 204.8);
Tailwind
colors: {
  custom: {
    50: '#b1f2f9',
    500: '#88ecf7',
    950: '#000000',
  },
}
SCSS
$custom: #88ecf7;
$custom-light: #b1f2f9;
$custom-dark: #000000;
JSON
{
  "hex": "#88ecf7",
  "rgb": {
    "r": 136,
    "g": 236,
    "b": 247
  },
  "hsl": {
    "h": 185.946,
    "s": 87.402,
    "l": 75.098
  },
  "oklch": {
    "l": 0.88588,
    "c": 0.09509,
    "h": 204.8
  },
  "luminance": 0.71941
}

Semantic roles & 50–950 ramp

primary
#88ECF7
secondary
#D55C4F
accent
#1802E4
background
#FDFFFF
surface
#F8FEFF
border
#D1D6D7
text
#111717
muted
#818585

Preview Lab

Preview with #88ECF7

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

Preview Lab → · Contrast checker → · Palette generator →

#88ECF7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva