#579C41#579C41

#579C41 is a light, vivid green. Relative luminance 0.262; OKLCH L 62.6% C 0.144 H 138.8°. Best body text is #000000 at 6.24:1 contrast (WCAG AA passes).

Color values

HEX#579C41
RGBrgb(87, 156, 65)
HSLhsl(105, 41%, 43%)
HSVhsv(105, 58%, 61%)
CMYKcmyk(44.2%, 0%, 58.3%, 38.8%)
CIE-LABlab(58.21, -39.42, 40.28)
CIE-LCHlch(58.21, 56.37, 134.38°)
OKLaboklab(62.64% -0.1083 0.095)
OKLCHoklch(62.64% 0.144 138.8)
XYZxyz(16.7725, 26.1838, 9.1702)
Luminance0.2619 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#579C41 #86419C
analogous
#849C41 #579C41 #419C59
triadic
#579C41 #41579C #9C4157
tetradic
#579C41 #41849C #86419C #9C5941
square
#579C41 #41849C #86419C #9C5941
split-complementary
#579C41 #59419C #9C4184
monochromatic
#27461D #3F712F #579C41 #75BC5E #9ACE89

Accessibility & contrast

On white

3.37
#579C41 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.24
#579C41 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #579C41
6.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##579C41#FFFFFF#000000##000000
##579C411.003.376.246.24
#FFFFFF3.371.0021.0021.00
#0000006.2421.001.001.00
##0000006.2421.001.001.00

Color blindness preview

Protanopia (red-blind)
#A09038
Deuteranopia (green-blind)
#978A48
Tritanopia (blue-blind)
#529788
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #579c41;
/* rgb */ color: rgb(87, 156, 65);
/* oklch */ color: oklch(62.6% 0.144 138.8);
Tailwind
colors: {
  custom: {
    50: '#8bba78',
    500: '#579c41',
    950: '#000000',
  },
}
SCSS
$custom: #579c41;
$custom-light: #8bba78;
$custom-dark: #000000;
JSON
{
  "hex": "#579c41",
  "rgb": {
    "r": 87,
    "g": 156,
    "b": 65
  },
  "hsl": {
    "h": 105.495,
    "s": 41.176,
    "l": 43.333
  },
  "oklch": {
    "l": 0.62641,
    "c": 0.14406,
    "h": 138.8
  },
  "luminance": 0.26185
}

Semantic roles & 50–950 ramp

primary
#579C41
secondary
#AB80B9
accent
#57D1B3
background
#F8FBF7
surface
#F0F6ED
border
#CBD0C8
text
#0C1109
muted
#7D807B

Preview Lab

Preview with #579C41

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

Preview Lab → · Contrast checker → · Palette generator →

#579C41 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva