#71C431#71C431

#71C431 is a light, vivid yellow-green. Relative luminance 0.432; OKLCH L 74.0% C 0.194 H 134.9°. Best body text is #000000 at 9.64:1 contrast (WCAG AA passes).

Color values

HEX#71C431
RGBrgb(113, 196, 49)
HSLhsl(94, 60%, 48%)
HSVhsv(94, 75%, 77%)
CMYKcmyk(42.3%, 0%, 75%, 23.1%)
CIE-LABlab(71.70, -48.90, 61.52)
CIE-LCHlch(71.70, 78.59, 128.48°)
OKLaboklab(73.97% -0.1368 0.1375)
OKLCHoklch(73.97% 0.194 134.9)
XYZxyz(27.1038, 43.2108, 9.8175)
Luminance0.4321 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#71C431 #8431C4
analogous
#BAC431 #71C431 #31C43B
triadic
#71C431 #3171C4 #C43171
tetradic
#71C431 #31BAC4 #8431C4 #C43B31
square
#71C431 #31BAC4 #8431C4 #C43B31
split-complementary
#71C431 #3B31C4 #C431BA
monochromatic
#396219 #559325 #71C431 #91D65C #B2E28D

Accessibility & contrast

On white

2.18
#71C431 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.64
#71C431 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #71C431
9.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##71C431#FFFFFF#000000##000000
##71C4311.002.189.649.64
#FFFFFF2.181.0021.0021.00
#0000009.6421.001.001.00
##0000009.6421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CBB410
Deuteranopia (green-blind)
#C0AD40
Tritanopia (blue-blind)
#6FBCA8
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #71c431;
/* rgb */ color: rgb(113, 196, 49);
/* oklch */ color: oklch(74.0% 0.194 134.9);
Tailwind
colors: {
  custom: {
    50: '#a1d674',
    500: '#71c431',
    950: '#000000',
  },
}
SCSS
$custom: #71c431;
$custom-light: #a1d674;
$custom-dark: #000000;
JSON
{
  "hex": "#71c431",
  "rgb": {
    "r": 113,
    "g": 196,
    "b": 49
  },
  "hsl": {
    "h": 93.878,
    "s": 60,
    "l": 48.039
  },
  "oklch": {
    "l": 0.73967,
    "c": 0.19397,
    "h": 134.9
  },
  "luminance": 0.43212
}

Semantic roles & 50–950 ramp

primary
#71C431
secondary
#AD84CD
accent
#45E39E
background
#FAFDF7
surface
#F4FAED
border
#CED3C8
text
#0F1409
muted
#7F837B

Preview Lab

Preview with #71C431

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

Preview Lab → · Contrast checker → · Palette generator →

#71C431 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva