#77E351#77E351

#77E351 is a very light, highly saturated green. Relative luminance 0.595; OKLCH L 82.2% C 0.209 H 138.6°. Best body text is #000000 at 12.89:1 contrast (WCAG AA passes).

Color values

HEX#77E351
RGBrgb(119, 227, 81)
HSLhsl(104, 72%, 60%)
HSVhsv(104, 64%, 89%)
CMYKcmyk(47.6%, 0%, 64.3%, 11%)
CIE-LABlab(81.54, -56.80, 59.78)
CIE-LCHlch(81.54, 82.46, 133.53°)
OKLaboklab(82.18% -0.1564 0.1379)
OKLCHoklch(82.18% 0.209 138.6)
XYZxyz(36.5607, 59.4517, 17.3318)
Luminance0.5945 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77E351 #BD51E3
analogous
#C0E351 #77E351 #51E374
triadic
#77E351 #5177E3 #E35177
tetradic
#77E351 #51C0E3 #BD51E3 #E37451
square
#77E351 #51C0E3 #BD51E3 #E37451
split-complementary
#77E351 #7451E3 #E351C0
monochromatic
#3DA01A #51D522 #77E351 #A0EB86 #C9F4BA

Accessibility & contrast

On white

1.63
#77E351 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.89
#77E351 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77E351
12.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77E351#FFFFFF#000000##000000
##77E3511.001.6312.8912.89
#FFFFFF1.631.0021.0021.00
#00000012.8921.001.001.00
##00000012.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAD03E
Deuteranopia (green-blind)
#DBC75D
Tritanopia (blue-blind)
#6FDCC5
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #77e351;
/* rgb */ color: rgb(119, 227, 81);
/* oklch */ color: oklch(82.2% 0.209 138.6);
Tailwind
colors: {
  custom: {
    50: '#a6ec88',
    500: '#77e351',
    950: '#000000',
  },
}
SCSS
$custom: #77e351;
$custom-light: #a6ec88;
$custom-dark: #000000;
JSON
{
  "hex": "#77e351",
  "rgb": {
    "r": 119,
    "g": 227,
    "b": 81
  },
  "hsl": {
    "h": 104.384,
    "s": 72.277,
    "l": 60.392
  },
  "oklch": {
    "l": 0.82182,
    "c": 0.20853,
    "h": 138.6
  },
  "luminance": 0.59454
}

Semantic roles & 50–950 ramp

primary
#77E351
secondary
#8635A3
accent
#11D4A2
background
#FDFFFC
surface
#F7FEF4
border
#D0D6CE
text
#10160C
muted
#81857F

Preview Lab

Preview with #77E351

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

Preview Lab → · Contrast checker → · Palette generator →

#77E351 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva