#89967E#89967E

#89967E is a light, muted yellow-green. Relative luminance 0.286; OKLCH L 65.6% C 0.038 H 130.7°. Best body text is #000000 at 6.73:1 contrast (WCAG AA passes).

Color values

HEX	#89967E
RGB	rgb(137, 150, 126)
HSL	hsl(93, 10%, 54%)
HSV	hsv(93, 16%, 59%)
CMYK	cmyk(8.7%, 0%, 16%, 41.2%)
CIE-LAB	lab(60.46, -9.26, 11.11)
CIE-LCH	lch(60.46, 14.46, 129.82°)
OKLab	oklab(65.58% -0.0246 0.0287)
OKLCH	oklch(65.58% 0.038 130.7)
XYZ	xyz(24.9881, 28.6373, 23.9457)
Luminance	0.2864 (WCAG relative)
Temperature	neutral
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#89967E #8B7E96

analogous

#95967E #89967E #7E967F

triadic

#89967E #7E8996 #967E89

tetradic

#89967E #7E9596 #8B7E96 #967F7E

square

#89967E #7E9596 #8B7E96 #967F7E

split-complementary

#89967E #7F7E96 #967E95

monochromatic

#4C5545 #6A7660 #89967E #A8B1A0 #C7CDC1

Accessibility & contrast

On white

3.12

#89967E on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.73

#89967E on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #89967E

6.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##89967E	#FFFFFF	#000000	##000000
##89967E	1.00	3.12	6.73	6.73
#FFFFFF	3.12	1.00	21.00	21.00
#000000	6.73	21.00	1.00	1.00
##000000	6.73	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#99927D

Deuteranopia (green-blind)

#96917F

Tritanopia (blue-blind)

#8A948F

Achromatopsia (no color)

#929292

Design tokens & code

CSS

--color: #89967e;
/* rgb */ color: rgb(137, 150, 126);
/* oklch */ color: oklch(65.6% 0.038 130.7);

Tailwind

colors: {
  custom: {
    50: '#abb4a3',
    500: '#89967e',
    950: '#000000',
  },
}

SCSS

$custom: #89967e;
$custom-light: #abb4a3;
$custom-dark: #000000;

JSON

{
  "hex": "#89967e",
  "rgb": {
    "r": 137,
    "g": 150,
    "b": 126
  },
  "hsl": {
    "h": 92.5,
    "s": 10.256,
    "l": 54.118
  },
  "oklch": {
    "l": 0.65579,
    "c": 0.03781,
    "h": 130.7
  },
  "luminance": 0.28637
}

Semantic roles & 50–950 ramp

primary

#89967E

secondary

#B8B3BD

accent

#75B397

background

#FAFBFA

surface

#F4F6F3

border

#CED0CD

text

#10110F

muted

#7F807F

Preview Lab

Preview with #89967E

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

Preview Lab → · Contrast checker → · Palette generator →