#589222#589222

#589222 is a mid, vivid yellow-green. Relative luminance 0.227; OKLCH L 59.8% C 0.153 H 133.5°. Best body text is #000000 at 5.55:1 contrast (WCAG AA passes).

Color values

HEX#589222
RGBrgb(88, 146, 34)
HSLhsl(91, 62%, 35%)
HSVhsv(91, 77%, 57%)
CMYKcmyk(39.7%, 0%, 76.7%, 42.7%)
CIE-LABlab(54.81, -37.49, 49.83)
CIE-LCHlch(54.81, 62.36, 126.96°)
OKLaboklab(59.79% -0.1054 0.1112)
OKLCHoklch(59.79% 0.153 133.5)
XYZxyz(14.5919, 22.7473, 5.1349)
Luminance0.2275 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#589222 #5C2292
analogous
#909222 #589222 #229224
triadic
#589222 #225892 #922258
tetradic
#589222 #229092 #5C2292 #922422
square
#589222 #229092 #5C2292 #922422
split-complementary
#589222 #242292 #922290
monochromatic
#1C2F0B #3A6016 #589222 #76C42E #95D857

Accessibility & contrast

On white

3.78
#589222 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.55
#589222 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #589222
5.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##589222#FFFFFF#000000##000000
##5892221.003.785.555.55
#FFFFFF3.781.0021.0021.00
#0000005.5521.001.001.00
##0000005.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#988609
Deuteranopia (green-blind)
#90822D
Tritanopia (blue-blind)
#588C7D
Achromatopsia (no color)
#838383

Design tokens & code

CSS
--color: #589222;
/* rgb */ color: rgb(88, 146, 34);
/* oklch */ color: oklch(59.8% 0.153 133.5);
Tailwind
colors: {
  custom: {
    50: '#8cb266',
    500: '#589222',
    950: '#000000',
  },
}
SCSS
$custom: #589222;
$custom-light: #8cb266;
$custom-dark: #000000;
JSON
{
  "hex": "#589222",
  "rgb": {
    "r": 88,
    "g": 146,
    "b": 34
  },
  "hsl": {
    "h": 91.071,
    "s": 62.222,
    "l": 35.294
  },
  "oklch": {
    "l": 0.59787,
    "c": 0.15324,
    "h": 133.5
  },
  "luminance": 0.22748
}

Semantic roles & 50–950 ramp

primary
#589222
secondary
#8A54BC
accent
#43E597
background
#F8FBF6
surface
#F0F6EB
border
#CBD0C6
text
#0D1106
muted
#7D807A

Preview Lab

Preview with #589222

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

Preview Lab → · Contrast checker → · Palette generator →

#589222 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva