#77FF64#77FF64

#77FF64 is a very light, highly saturated green. Relative luminance 0.764; OKLCH L 89.2% C 0.229 H 141.3°. Best body text is #000000 at 16.27:1 contrast (WCAG AA passes).

Color values

HEX#77FF64
RGBrgb(119, 255, 100)
HSLhsl(113, 100%, 70%)
HSVhsv(113, 61%, 100%)
CMYKcmyk(53.3%, 0%, 60.8%, 0%)
CIE-LABlab(90.03, -65.40, 61.34)
CIE-LCHlch(90.03, 89.66, 136.83°)
OKLaboklab(89.21% -0.1786 0.1432)
OKLCHoklch(89.21% 0.229 141.3)
XYZxyz(45.6659, 76.3583, 24.3863)
Luminance0.7636 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77FF64 #EC64FF
analogous
#C5FF64 #77FF64 #64FF9F
triadic
#77FF64 #6477FF #FF6477
tetradic
#77FF64 #64C5FF #EC64FF #FF9F64
square
#77FF64 #64C5FF #EC64FF #FF9F64
split-complementary
#77FF64 #9F64FF #FF64C5
monochromatic
#1DE900 #41FF27 #77FF64 #ADFFA1 #E2FFDE

Accessibility & contrast

On white

1.29
#77FF64 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.27
#77FF64 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77FF64
16.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77FF64#FFFFFF#000000##000000
##77FF641.001.2916.2716.27
#FFFFFF1.291.0021.0021.00
#00000016.2721.001.001.00
##00000016.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA52
Deuteranopia (green-blind)
#F3DE71
Tritanopia (blue-blind)
#66F8DE
Achromatopsia (no color)
#E2E2E2

Design tokens & code

CSS
--color: #77ff64;
/* rgb */ color: rgb(119, 255, 100);
/* oklch */ color: oklch(89.2% 0.229 141.3);
Tailwind
colors: {
  custom: {
    50: '#a9ff95',
    500: '#77ff64',
    950: '#000000',
  },
}
SCSS
$custom: #77ff64;
$custom-light: #a9ff95;
$custom-dark: #000000;
JSON
{
  "hex": "#77ff64",
  "rgb": {
    "r": 119,
    "g": 255,
    "b": 100
  },
  "hsl": {
    "h": 112.645,
    "s": 100,
    "l": 69.608
  },
  "oklch": {
    "l": 0.89212,
    "c": 0.22892,
    "h": 141.3
  },
  "luminance": 0.76362
}

Semantic roles & 50–950 ramp

primary
#77FF64
secondary
#C52DDA
accent
#00E6C9
background
#FDFFFC
surface
#F8FFF5
border
#D1D7CF
text
#11180E
muted
#81867F

Preview Lab

Preview with #77FF64

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

Preview Lab → · Contrast checker → · Palette generator →

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