#789E31#789E31

#789E31 is a light, vivid yellow-green. Relative luminance 0.287; OKLCH L 64.9% C 0.142 H 126.7°. Best body text is #000000 at 6.73:1 contrast (WCAG AA passes).

Color values

HEX#789E31
RGBrgb(120, 158, 49)
HSLhsl(81, 53%, 41%)
HSVhsv(81, 69%, 62%)
CMYKcmyk(24.1%, 0%, 69%, 38%)
CIE-LABlab(60.49, -29.70, 50.41)
CIE-LCHlch(60.49, 58.51, 120.51°)
OKLaboklab(64.93% -0.085 0.1141)
OKLCHoklch(64.93% 0.142 126.7)
XYZxyz(20.5270, 28.6682, 7.3572)
Luminance0.2867 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#789E31 #57319E
analogous
#9E8D31 #789E31 #429E31
triadic
#789E31 #31789E #9E3178
tetradic
#789E31 #319E8D #57319E #9E3142
square
#789E31 #319E8D #57319E #9E3142
split-complementary
#789E31 #31429E #8D319E
monochromatic
#314114 #556F23 #789E31 #99C646 #B3D475

Accessibility & contrast

On white

3.12
#789E31 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.73
#789E31 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #789E31
6.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##789E31#FFFFFF#000000##000000
##789E311.003.126.736.73
#FFFFFF3.121.0021.0021.00
#0000006.7321.001.001.00
##0000006.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#A69321
Deuteranopia (green-blind)
#A1913A
Tritanopia (blue-blind)
#7D9788
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #789e31;
/* rgb */ color: rgb(120, 158, 49);
/* oklch */ color: oklch(64.9% 0.142 126.7);
Tailwind
colors: {
  custom: {
    50: '#a2ba6f',
    500: '#789e31',
    950: '#000000',
  },
}
SCSS
$custom: #789e31;
$custom-light: #a2ba6f;
$custom-dark: #000000;
JSON
{
  "hex": "#789e31",
  "rgb": {
    "r": 120,
    "g": 158,
    "b": 49
  },
  "hsl": {
    "h": 80.917,
    "s": 52.657,
    "l": 40.588
  },
  "oklch": {
    "l": 0.64927,
    "c": 0.14231,
    "h": 126.7
  },
  "luminance": 0.28669
}

Semantic roles & 50–950 ramp

primary
#789E31
secondary
#8A6EBC
accent
#4CDC7E
background
#FAFBF6
surface
#F4F6EC
border
#CED0C7
text
#0F1108
muted
#7F807B

Preview Lab

Preview with #789E31

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

Preview Lab → · Contrast checker → · Palette generator →

#789E31 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva