#87A693#87A693

#87A693 is a light, muted green. Relative luminance 0.345; OKLCH L 69.6% C 0.044 H 158.1°. Best body text is #000000 at 7.91:1 contrast (WCAG AA passes).

Color values

HEX	#87A693
RGB	rgb(135, 166, 147)
HSL	hsl(143, 15%, 59%)
HSV	hsv(143, 19%, 65%)
CMYK	cmyk(18.7%, 0%, 11.4%, 34.9%)
CIE-LAB	lab(65.38, -14.59, 6.32)
CIE-LCH	lch(65.38, 15.90, 156.57°)
OKLab	oklab(69.62% -0.0409 0.0164)
OKLCH	oklch(69.62% 0.044 158.1)
XYZ	xyz(28.8930, 34.5291, 32.7406)
Luminance	0.3453 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#87A693 #A6879A

analogous

#8BA687 #87A693 #87A6A3

triadic

#87A693 #9387A6 #A69387

tetradic

#87A693 #878BA6 #A6879A #A6A387

square

#87A693 #878BA6 #A6879A #A6A387

split-complementary

#87A693 #A387A6 #A6878B

monochromatic

#4C6756 #668A74 #87A693 #AAC0B3 #CDDAD2

Accessibility & contrast

On white

2.66

#87A693 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.91

#87A693 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #87A693

7.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##87A693	#FFFFFF	#000000	##000000
##87A693	1.00	2.66	7.91	7.91
#FFFFFF	2.66	1.00	21.00	21.00
#000000	7.91	21.00	1.00	1.00
##000000	7.91	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A5A192

Deuteranopia (green-blind)

#A09D94

Tritanopia (blue-blind)

#82A6A0

Achromatopsia (no color)

#9F9F9F

Design tokens & code

CSS

--color: #87a693;
/* rgb */ color: rgb(135, 166, 147);
/* oklch */ color: oklch(69.6% 0.044 158.1);

Tailwind

colors: {
  custom: {
    50: '#aac0b2',
    500: '#87a693',
    950: '#000000',
  },
}

SCSS

$custom: #87a693;
$custom-light: #aac0b2;
$custom-dark: #000000;

JSON

{
  "hex": "#87a693",
  "rgb": {
    "r": 135,
    "g": 166,
    "b": 147
  },
  "hsl": {
    "h": 143.226,
    "s": 14.833,
    "l": 59.02
  },
  "oklch": {
    "l": 0.69622,
    "c": 0.04403,
    "h": 158.1
  },
  "luminance": 0.3453
}

Semantic roles & 50–950 ramp

primary

#87A693

secondary

#CABEC6

accent

#709CB8

background

#FAFBFA

surface

#F4F7F5

border

#CED0CF

text

#101211

muted

#7F8180

Preview Lab

Preview with #87A693

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

Preview Lab → · Contrast checker → · Palette generator →