#489A54#489A54

#489A54 is a mid, vivid green. Relative luminance 0.251; OKLCH L 61.7% C 0.131 H 146.8°. Best body text is #000000 at 6.03:1 contrast (WCAG AA passes).

Color values

HEX#489A54
RGBrgb(72, 154, 84)
HSLhsl(129, 36%, 44%)
HSVhsv(129, 53%, 60%)
CMYKcmyk(53.2%, 0%, 45.5%, 39.6%)
CIE-LABlab(57.20, -40.43, 29.26)
CIE-LCHlch(57.20, 49.91, 144.11°)
OKLaboklab(61.72% -0.1096 0.0717)
OKLCHoklch(61.72% 0.131 146.8)
XYZxyz(15.8274, 25.1277, 12.4019)
Luminance0.2513 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#489A54 #9A488E
analogous
#659A48 #489A54 #489A7D
triadic
#489A54 #54489A #9A5448
tetradic
#489A54 #48659A #9A488E #9A7D48
square
#489A54 #48659A #9A488E #9A7D48
split-complementary
#489A54 #7D489A #9A4865
monochromatic
#214727 #35703D #489A54 #67B873 #91CC99

Accessibility & contrast

On white

3.49
#489A54 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.03
#489A54 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #489A54
6.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##489A54#FFFFFF#000000##000000
##489A541.003.496.036.03
#FFFFFF3.491.0021.0021.00
#0000006.0321.001.001.00
##0000006.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#9C8E4F
Deuteranopia (green-blind)
#918659
Tritanopia (blue-blind)
#399789
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #489a54;
/* rgb */ color: rgb(72, 154, 84);
/* oklch */ color: oklch(61.7% 0.131 146.8);
Tailwind
colors: {
  custom: {
    50: '#81b885',
    500: '#489a54',
    950: '#000000',
  },
}
SCSS
$custom: #489a54;
$custom-light: #81b885;
$custom-dark: #000000;
JSON
{
  "hex": "#489a54",
  "rgb": {
    "r": 72,
    "g": 154,
    "b": 84
  },
  "hsl": {
    "h": 128.78,
    "s": 36.283,
    "l": 44.314
  },
  "oklch": {
    "l": 0.61722,
    "c": 0.13102,
    "h": 146.8
  },
  "luminance": 0.25129
}

Semantic roles & 50–950 ramp

primary
#489A54
secondary
#B786B0
accent
#5CBCCC
background
#F8FBF8
surface
#EFF6EF
border
#CAD0CA
text
#0B110B
muted
#7C807C

Preview Lab

Preview with #489A54

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

Preview Lab → · Contrast checker → · Palette generator →

#489A54 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva