#51A226#51A226

#51A226 is a light, vivid yellow-green. Relative luminance 0.277; OKLCH L 63.7% C 0.175 H 137.2°. Best body text is #000000 at 6.55:1 contrast (WCAG AA passes).

Color values

HEX#51A226
RGBrgb(81, 162, 38)
HSLhsl(99, 62%, 39%)
HSVhsv(99, 77%, 64%)
CMYKcmyk(50%, 0%, 76.5%, 36.5%)
CIE-LABlab(59.64, -46.21, 53.03)
CIE-LCHlch(59.64, 70.34, 131.07°)
OKLaboklab(63.67% -0.1282 0.1187)
OKLCHoklch(63.67% 0.175 137.2)
XYZxyz(16.6630, 27.7288, 6.3075)
Luminance0.2773 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#51A226 #7726A2
analogous
#8FA226 #51A226 #26A239
triadic
#51A226 #2651A2 #A22651
tetradic
#51A226 #268FA2 #7726A2 #A23926
square
#51A226 #268FA2 #7726A2 #A23926
split-complementary
#51A226 #3926A2 #A2268F
monochromatic
#1F3F0F #38701A #51A226 #6BD035 #8FDB67

Accessibility & contrast

On white

3.21
#51A226 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.55
#51A226 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #51A226
6.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##51A226#FFFFFF#000000##000000
##51A2261.003.216.556.55
#FFFFFF3.211.0021.0021.00
#0000006.5521.001.001.00
##0000006.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#A79409
Deuteranopia (green-blind)
#9D8D33
Tritanopia (blue-blind)
#4C9C8A
Achromatopsia (no color)
#909090

Design tokens & code

CSS
--color: #51a226;
/* rgb */ color: rgb(81, 162, 38);
/* oklch */ color: oklch(63.7% 0.175 137.2);
Tailwind
colors: {
  custom: {
    50: '#8abe6a',
    500: '#51a226',
    950: '#000000',
  },
}
SCSS
$custom: #51a226;
$custom-light: #8abe6a;
$custom-dark: #000000;
JSON
{
  "hex": "#51a226",
  "rgb": {
    "r": 81,
    "g": 162,
    "b": 38
  },
  "hsl": {
    "h": 99.194,
    "s": 62,
    "l": 39.216
  },
  "oklch": {
    "l": 0.63673,
    "c": 0.17467,
    "h": 137.2
  },
  "luminance": 0.2773
}

Semantic roles & 50–950 ramp

primary
#51A226
secondary
#A063C1
accent
#43E5AD
background
#F8FBF6
surface
#F0F7EB
border
#CBD0C6
text
#0C1207
muted
#7D817A

Preview Lab

Preview with #51A226

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

Preview Lab → · Contrast checker → · Palette generator →

#51A226 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva