#77E07C#77E07C

#77E07C is a light, vivid green. Relative luminance 0.587; OKLCH L 82.0% C 0.168 H 144.8°. Best body text is #000000 at 12.74:1 contrast (WCAG AA passes).

Color values

HEX#77E07C
RGBrgb(119, 224, 124)
HSLhsl(123, 63%, 67%)
HSVhsv(123, 47%, 88%)
CMYKcmyk(46.9%, 0%, 44.6%, 12.2%)
CIE-LABlab(81.12, -50.60, 39.67)
CIE-LCHlch(81.12, 64.29, 141.90°)
OKLaboklab(81.99% -0.1375 0.097)
OKLCHoklch(81.99% 0.168 144.8)
XYZxyz(37.8995, 58.6858, 28.3953)
Luminance0.5869 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77E07C #E077DB
analogous
#A7E077 #77E07C #77E0B0
triadic
#77E07C #7C77E0 #E07C77
tetradic
#77E07C #77A7E0 #E077DB #E0B077
square
#77E07C #77A7E0 #E077DB #E0B077
split-complementary
#77E07C #B077E0 #E077A7
monochromatic
#29B430 #45D54C #77E07C #A9EBAC #DBF7DC

Accessibility & contrast

On white

1.65
#77E07C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.74
#77E07C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77E07C
12.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77E07C#FFFFFF#000000##000000
##77E07C1.001.6512.7412.74
#FFFFFF1.651.0021.0021.00
#00000012.7421.001.001.00
##00000012.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#E3CF74
Deuteranopia (green-blind)
#D5C683
Tritanopia (blue-blind)
#68DBC8
Achromatopsia (no color)
#C9C9C9

Design tokens & code

CSS
--color: #77e07c;
/* rgb */ color: rgb(119, 224, 124);
/* oklch */ color: oklch(82.0% 0.168 144.8);
Tailwind
colors: {
  custom: {
    50: '#a4eaa3',
    500: '#77e07c',
    950: '#000000',
  },
}
SCSS
$custom: #77e07c;
$custom-light: #a4eaa3;
$custom-dark: #000000;
JSON
{
  "hex": "#77e07c",
  "rgb": {
    "r": 119,
    "g": 224,
    "b": 124
  },
  "hsl": {
    "h": 122.857,
    "s": 62.874,
    "l": 67.255
  },
  "oklch": {
    "l": 0.8199,
    "c": 0.16832,
    "h": 144.8
  },
  "luminance": 0.58688
}

Semantic roles & 50–950 ramp

primary
#77E07C
secondary
#B546B0
accent
#1BC2CB
background
#FDFEFC
surface
#F7FDF6
border
#D0D5D0
text
#10160F
muted
#818480

Preview Lab

Preview with #77E07C

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

Preview Lab → · Contrast checker → · Palette generator →

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