#579D52#579D52

#579D52 is a light, vivid green. Relative luminance 0.267; OKLCH L 63.1% C 0.129 H 142.5°. Best body text is #000000 at 6.35:1 contrast (WCAG AA passes).

Color values

HEX	#579D52
RGB	rgb(87, 157, 82)
HSL	hsl(116, 31%, 47%)
HSV	hsv(116, 48%, 62%)
CMYK	cmyk(44.6%, 0%, 47.8%, 38.4%)
CIE-LAB	lab(58.74, -37.66, 32.39)
CIE-LCH	lch(58.74, 49.67, 139.30°)
OKLab	oklab(63.14% -0.1026 0.0787)
OKLCH	oklch(63.14% 0.129 142.5)
XYZ	xyz(17.5096, 26.7482, 12.2213)
Luminance	0.2675 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#579D52 #98529D

analogous

#7D9D52 #579D52 #529D73

triadic

#579D52 #52579D #9D5257

tetradic

#579D52 #527D9D #98529D #9D7352

square

#579D52 #527D9D #98529D #9D7352

split-complementary

#579D52 #73529D #9D527D

monochromatic

#2A4D28 #41753D #579D52 #7AB775 #A0CC9D

Accessibility & contrast

On white

3.31

#579D52 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.35

#579D52 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #579D52

6.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##579D52	#FFFFFF	#000000	##000000
##579D52	1.00	3.31	6.35	6.35
#FFFFFF	3.31	1.00	21.00	21.00
#000000	6.35	21.00	1.00	1.00
##000000	6.35	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A0914C

Deuteranopia (green-blind)

#968B57

Tritanopia (blue-blind)

#4F998B

Achromatopsia (no color)

#8D8D8D

Design tokens & code

CSS

--color: #579d52;
/* rgb */ color: rgb(87, 157, 82);
/* oklch */ color: oklch(63.1% 0.129 142.5);

Tailwind

colors: {
  custom: {
    50: '#8bba84',
    500: '#579d52',
    950: '#000000',
  },
}

SCSS

$custom: #579d52;
$custom-light: #8bba84;
$custom-dark: #000000;

JSON

{
  "hex": "#579d52",
  "rgb": {
    "r": 87,
    "g": 157,
    "b": 82
  },
  "hsl": {
    "h": 116,
    "s": 31.381,
    "l": 46.863
  },
  "oklch": {
    "l": 0.63143,
    "c": 0.12935,
    "h": 142.5
  },
  "luminance": 0.26749
}

Semantic roles & 50–950 ramp

primary

#579D52

secondary

#B692B9

accent

#60C8C1

background

#F8FBF8

surface

#F0F6EF

border

#CBD0CA

text

#0C120B

muted

#7D817C

Preview Lab

Preview with #579D52

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

Preview Lab → · Contrast checker → · Palette generator →