#589051#589051

#589051 is a mid, moderate green. Relative luminance 0.226; OKLCH L 59.8% C 0.110 H 141.6°. Best body text is #000000 at 5.52:1 contrast (WCAG AA passes).

Color values

HEX	#589051
RGB	rgb(88, 144, 81)
HSL	hsl(113, 28%, 44%)
HSV	hsv(113, 44%, 56%)
CMYK	cmyk(38.9%, 0%, 43.8%, 43.5%)
CIE-LAB	lab(54.67, -31.56, 27.77)
CIE-LCH	lch(54.67, 42.04, 138.65°)
OKLab	oklab(59.84% -0.0861 0.0682)
OKLCH	oklch(59.84% 0.11 141.6)
XYZ	xyz(15.4823, 22.6145, 11.3322)
Luminance	0.2261 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#589051 #895190

analogous

#789051 #589051 #51906A

triadic

#589051 #515890 #905158

tetradic

#589051 #517890 #895190 #906A51

square

#589051 #517890 #895190 #906A51

split-complementary

#589051 #6A5190 #905178

monochromatic

#284225 #40693B #589051 #77AE70 #9CC497

Accessibility & contrast

On white

3.80

#589051 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.52

#589051 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #589051

5.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##589051	#FFFFFF	#000000	##000000
##589051	1.00	3.80	5.52	5.52
#FFFFFF	3.80	1.00	21.00	21.00
#000000	5.52	21.00	1.00	1.00
##000000	5.52	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#93864C

Deuteranopia (green-blind)

#8B8155

Tritanopia (blue-blind)

#538C81

Achromatopsia (no color)

#838383

Design tokens & code

CSS

--color: #589051;
/* rgb */ color: rgb(88, 144, 81);
/* oklch */ color: oklch(59.8% 0.110 141.6);

Tailwind

colors: {
  custom: {
    50: '#8ab183',
    500: '#589051',
    950: '#000000',
  },
}

SCSS

$custom: #589051;
$custom-light: #8ab183;
$custom-dark: #000000;

JSON

{
  "hex": "#589051",
  "rgb": {
    "r": 88,
    "g": 144,
    "b": 81
  },
  "hsl": {
    "h": 113.333,
    "s": 28,
    "l": 44.118
  },
  "oklch": {
    "l": 0.59836,
    "c": 0.10982,
    "h": 141.6
  },
  "luminance": 0.22615
}

Semantic roles & 50–950 ramp

primary

#589051

secondary

#AD8BB1

accent

#63C4BA

background

#F8FAF8

surface

#F0F5EF

border

#CBCFCA

text

#0C100A

muted

#7D7F7C

Preview Lab

Preview with #589051

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

Preview Lab → · Contrast checker → · Palette generator →