#88AB86#88AB86

#88AB86 is a light, moderate green. Relative luminance 0.361; OKLCH L 70.5% C 0.065 H 143.5°. Best body text is #000000 at 8.22:1 contrast (WCAG AA passes).

Color values

HEX#88AB86
RGBrgb(136, 171, 134)
HSLhsl(117, 18%, 60%)
HSVhsv(117, 22%, 67%)
CMYKcmyk(20.5%, 0%, 21.6%, 32.9%)
CIE-LABlab(66.58, -19.28, 15.22)
CIE-LCHlch(66.58, 24.56, 141.70°)
OKLaboklab(70.5% -0.0526 0.039)
OKLCHoklch(70.5% 0.065 143.5)
XYZxyz(29.0183, 36.0805, 27.9850)
Luminance0.3608 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#88AB86 #A986AB
analogous
#9BAB86 #88AB86 #86AB97
triadic
#88AB86 #8688AB #AB8688
tetradic
#88AB86 #869BAB #A986AB #AB9786
square
#88AB86 #869BAB #A986AB #AB9786
split-complementary
#88AB86 #9786AB #AB869B
monochromatic
#4D6C4B #669064 #88AB86 #ACC4AA #CFDDCE

Accessibility & contrast

On white

2.56
#88AB86 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.22
#88AB86 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #88AB86
8.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##88AB86#FFFFFF#000000##000000
##88AB861.002.568.228.22
#FFFFFF2.561.0021.0021.00
#0000008.2221.001.001.00
##0000008.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#ADA484
Deuteranopia (green-blind)
#A7A188
Tritanopia (blue-blind)
#85A9A1
Achromatopsia (no color)
#A2A2A2

Design tokens & code

CSS
--color: #88ab86;
/* rgb */ color: rgb(136, 171, 134);
/* oklch */ color: oklch(70.5% 0.065 143.5);
Tailwind
colors: {
  custom: {
    50: '#abc4a9',
    500: '#88ab86',
    950: '#000000',
  },
}
SCSS
$custom: #88ab86;
$custom-light: #abc4a9;
$custom-dark: #000000;
JSON
{
  "hex": "#88ab86",
  "rgb": {
    "r": 136,
    "g": 171,
    "b": 134
  },
  "hsl": {
    "h": 116.757,
    "s": 18.049,
    "l": 59.804
  },
  "oklch": {
    "l": 0.70499,
    "c": 0.06548,
    "h": 143.5
  },
  "luminance": 0.36081
}

Semantic roles & 50–950 ramp

primary
#88AB86
secondary
#CDBFCE
accent
#6DBBB7
background
#FAFCFA
surface
#F4F8F4
border
#CED1CE
text
#10120F
muted
#7F817F

Preview Lab

Preview with #88AB86

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

Preview Lab → · Contrast checker → · Palette generator →

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