#89A264#89A264

#89A264 is a light, moderate yellow-green. Relative luminance 0.321; OKLCH L 67.8% C 0.090 H 126.6°. Best body text is #000000 at 7.42:1 contrast (WCAG AA passes).

Color values

HEX	#89A264
RGB	rgb(137, 162, 100)
HSL	hsl(84, 25%, 51%)
HSV	hsv(84, 38%, 64%)
CMYK	cmyk(15.4%, 0%, 38.3%, 36.5%)
CIE-LAB	lab(63.41, -19.64, 29.43)
CIE-LCH	lch(63.41, 35.38, 123.72°)
OKLab	oklab(67.77% -0.0538 0.0725)
OKLCH	oklch(67.77% 0.09 126.6)
XYZ	xyz(25.5369, 32.0789, 16.9006)
Luminance	0.3208 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#89A264 #7D64A2

analogous

#A29C64 #89A264 #6AA264

triadic

#89A264 #6489A2 #A26489

tetradic

#89A264 #64A29C #7D64A2 #A2646A

square

#89A264 #64A29C #7D64A2 #A2646A

split-complementary

#89A264 #646AA2 #9C64A2

monochromatic

#495734 #697E4B #89A264 #A6B98A #C3D0B1

Accessibility & contrast

On white

2.83

#89A264 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.42

#89A264 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #89A264

7.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##89A264	#FFFFFF	#000000	##000000
##89A264	1.00	2.83	7.42	7.42
#FFFFFF	2.83	1.00	21.00	21.00
#000000	7.42	21.00	1.00	1.00
##000000	7.42	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A89A60

Deuteranopia (green-blind)

#A59967

Tritanopia (blue-blind)

#8C9D93

Achromatopsia (no color)

#999999

Design tokens & code

CSS

--color: #89a264;
/* rgb */ color: rgb(137, 162, 100);
/* oklch */ color: oklch(67.8% 0.090 126.6);

Tailwind

colors: {
  custom: {
    50: '#acbd91',
    500: '#89a264',
    950: '#000000',
  },
}

SCSS

$custom: #89a264;
$custom-light: #acbd91;
$custom-dark: #000000;

JSON

{
  "hex": "#89a264",
  "rgb": {
    "r": 137,
    "g": 162,
    "b": 100
  },
  "hsl": {
    "h": 84.194,
    "s": 25,
    "l": 51.373
  },
  "oklch": {
    "l": 0.67766,
    "c": 0.09026,
    "h": 126.6
  },
  "luminance": 0.32079
}

Semantic roles & 50–950 ramp

primary

#89A264

secondary

#AEA3BF

accent

#66C18B

background

#FAFBF8

surface

#F4F6F0

border

#CED0CB

text

#10120D

muted

#7F817D

Preview Lab

Preview with #89A264

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

Preview Lab → · Contrast checker → · Palette generator →