#54A625#54A625

#54A625 is a light, vivid yellow-green. Relative luminance 0.293; OKLCH L 64.9% C 0.179 H 136.9°. Best body text is #000000 at 6.86:1 contrast (WCAG AA passes).

Color values

HEX#54A625
RGBrgb(84, 166, 37)
HSLhsl(98, 64%, 40%)
HSVhsv(98, 78%, 65%)
CMYKcmyk(49.4%, 0%, 77.7%, 34.9%)
CIE-LABlab(61.04, -46.93, 54.76)
CIE-LCHlch(61.04, 72.11, 130.60°)
OKLaboklab(64.85% -0.1304 0.1221)
OKLCHoklch(64.85% 0.179 136.9)
XYZxyz(17.6258, 29.2896, 6.4746)
Luminance0.2929 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54A625 #7725A6
analogous
#94A625 #54A625 #25A637
triadic
#54A625 #2554A6 #A62554
tetradic
#54A625 #2594A6 #7725A6 #A63725
square
#54A625 #2594A6 #7725A6 #A63725
split-complementary
#54A625 #3725A6 #A62594
monochromatic
#21420F #3B741A #54A625 #6FD236 #93DD68

Accessibility & contrast

On white

3.06
#54A625 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.86
#54A625 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #54A625
6.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54A625#FFFFFF#000000##000000
##54A6251.003.066.866.86
#FFFFFF3.061.0021.0021.00
#0000006.8621.001.001.00
##0000006.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#AC9803
Deuteranopia (green-blind)
#A19133
Tritanopia (blue-blind)
#4FA08E
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #54a625;
/* rgb */ color: rgb(84, 166, 37);
/* oklch */ color: oklch(64.9% 0.179 136.9);
Tailwind
colors: {
  custom: {
    50: '#8cc16a',
    500: '#54a625',
    950: '#000000',
  },
}
SCSS
$custom: #54a625;
$custom-light: #8cc16a;
$custom-dark: #000000;
JSON
{
  "hex": "#54a625",
  "rgb": {
    "r": 84,
    "g": 166,
    "b": 37
  },
  "hsl": {
    "h": 98.14,
    "s": 63.547,
    "l": 39.804
  },
  "oklch": {
    "l": 0.64851,
    "c": 0.17859,
    "h": 136.9
  },
  "luminance": 0.29291
}

Semantic roles & 50–950 ramp

primary
#54A625
secondary
#A064C3
accent
#41E7AA
background
#F9FBF6
surface
#F1F7EC
border
#CBD0C7
text
#0D1207
muted
#7E817A

Preview Lab

Preview with #54A625

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

Preview Lab → · Contrast checker → · Palette generator →

#54A625 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva