#96A688#96A688

#96A688 is a light, muted yellow-green. Relative luminance 0.355; OKLCH L 70.4% C 0.046 H 130.5°. Best body text is #000000 at 8.11:1 contrast (WCAG AA passes).

Color values

HEX	#96A688
RGB	rgb(150, 166, 136)
HSL	hsl(92, 14%, 59%)
HSV	hsv(92, 18%, 65%)
CMYK	cmyk(9.6%, 0%, 18.1%, 34.9%)
CIE-LAB	lab(66.16, -11.25, 13.68)
CIE-LCH	lch(66.16, 17.71, 129.43°)
OKLab	oklab(70.42% -0.03 0.0352)
OKLCH	oklch(70.42% 0.046 130.5)
XYZ	xyz(30.6571, 35.5338, 28.5314)
Luminance	0.3553 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#96A688 #9888A6

analogous

#A5A688 #96A688 #88A689

triadic

#96A688 #8896A6 #A68896

tetradic

#96A688 #88A5A6 #9888A6 #A68988

square

#96A688 #88A5A6 #9888A6 #A68988

split-complementary

#96A688 #8988A6 #A688A5

monochromatic

#59674D #778A67 #96A688 #B5C0AB #D4DACE

Accessibility & contrast

On white

2.59

#96A688 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.11

#96A688 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #96A688

8.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##96A688	#FFFFFF	#000000	##000000
##96A688	1.00	2.59	8.11	8.11
#FFFFFF	2.59	1.00	21.00	21.00
#000000	8.11	21.00	1.00	1.00
##000000	8.11	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A9A286

Deuteranopia (green-blind)

#A7A089

Tritanopia (blue-blind)

#97A39E

Achromatopsia (no color)

#A1A1A1

Design tokens & code

CSS

--color: #96a688;
/* rgb */ color: rgb(150, 166, 136);
/* oklch */ color: oklch(70.4% 0.046 130.5);

Tailwind

colors: {
  custom: {
    50: '#b5c0aa',
    500: '#96a688',
    950: '#000000',
  },
}

SCSS

$custom: #96a688;
$custom-light: #b5c0aa;
$custom-dark: #000000;

JSON

{
  "hex": "#96a688",
  "rgb": {
    "r": 150,
    "g": 166,
    "b": 136
  },
  "hsl": {
    "h": 92,
    "s": 14.423,
    "l": 59.216
  },
  "oklch": {
    "l": 0.70424,
    "c": 0.04623,
    "h": 130.5
  },
  "luminance": 0.35534
}

Semantic roles & 50–950 ramp

primary

#96A688

secondary

#C5BFCB

accent

#71B796

background

#FBFBFA

surface

#F6F7F4

border

#D0D0CE

text

#111210

muted

#80817F

Preview Lab

Preview with #96A688

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

Preview Lab → · Contrast checker → · Palette generator →