#76DC3D#76DC3D

#76DC3D is a light, highly saturated yellow-green. Relative luminance 0.554; OKLCH L 80.2% C 0.213 H 136.7°. Best body text is #000000 at 12.08:1 contrast (WCAG AA passes).

Color values

HEX#76DC3D
RGBrgb(118, 220, 61)
HSLhsl(98, 69%, 55%)
HSVhsv(98, 72%, 86%)
CMYKcmyk(46.4%, 0%, 72.3%, 13.7%)
CIE-LABlab(79.26, -55.98, 64.96)
CIE-LCHlch(79.26, 85.75, 130.75°)
OKLaboklab(80.25% -0.1554 0.1463)
OKLCHoklch(80.25% 0.213 136.7)
XYZxyz(33.9057, 55.3727, 13.3154)
Luminance0.5537 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#76DC3D #A33DDC
analogous
#C5DC3D #76DC3D #3DDC54
triadic
#76DC3D #3D76DC #DC3D76
tetradic
#76DC3D #3DC5DC #A33DDC #DC543D
square
#76DC3D #3DC5DC #A33DDC #DC543D
split-complementary
#76DC3D #543DDC #DC3DC5
monochromatic
#408618 #58BA22 #76DC3D #9BE571 #BFEFA5

Accessibility & contrast

On white

1.74
#76DC3D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.08
#76DC3D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #76DC3D
12.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##76DC3D#FFFFFF#000000##000000
##76DC3D1.001.7412.0812.08
#FFFFFF1.741.0021.0021.00
#00000012.0821.001.001.00
##00000012.0821.001.001.00

Color blindness preview

Protanopia (red-blind)
#E3CA1F
Deuteranopia (green-blind)
#D6C14D
Tritanopia (blue-blind)
#71D4BD
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #76dc3d;
/* rgb */ color: rgb(118, 220, 61);
/* oklch */ color: oklch(80.2% 0.213 136.7);
Tailwind
colors: {
  custom: {
    50: '#a6e77c',
    500: '#76dc3d',
    950: '#000000',
  },
}
SCSS
$custom: #76dc3d;
$custom-light: #a6e77c;
$custom-dark: #000000;
JSON
{
  "hex": "#76dc3d",
  "rgb": {
    "r": 118,
    "g": 220,
    "b": 61
  },
  "hsl": {
    "h": 98.491,
    "s": 69.432,
    "l": 55.098
  },
  "oklch": {
    "l": 0.80249,
    "c": 0.21346,
    "h": 136.7
  },
  "luminance": 0.55375
}

Semantic roles & 50–950 ramp

primary
#76DC3D
secondary
#6C318D
accent
#3CECAD
background
#FDFEFB
surface
#F7FDF2
border
#D0D5CC
text
#10160A
muted
#81847D

Preview Lab

Preview with #76DC3D

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

Preview Lab → · Contrast checker → · Palette generator →

#76DC3D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva