#77FAA4#77FAA4

#77FAA4 is a very light, vivid green. Relative luminance 0.750; OKLCH L 88.9% C 0.167 H 152.7°. Best body text is #000000 at 15.99:1 contrast (WCAG AA passes).

Color values

HEX#77FAA4
RGBrgb(119, 250, 164)
HSLhsl(141, 93%, 72%)
HSVhsv(141, 52%, 98%)
CMYKcmyk(52.4%, 0%, 34.4%, 2%)
CIE-LABlab(89.38, -54.69, 30.50)
CIE-LCHlch(89.38, 62.63, 150.85°)
OKLaboklab(88.95% -0.1486 0.0766)
OKLCHoklch(88.95% 0.167 152.7)
XYZxyz(48.4906, 74.9693, 47.0300)
Luminance0.7497 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77FAA4 #FA77CD
analogous
#8BFA77 #77FAA4 #77FAE6
triadic
#77FAA4 #A477FA #FAA477
tetradic
#77FAA4 #778BFA #FA77CD #FAE677
square
#77FAA4 #778BFA #FA77CD #FAE677
split-complementary
#77FAA4 #E677FA #FA778B
monochromatic
#09EE57 #3CF87D #77FAA4 #B2FCCB #E1FEEB

Accessibility & contrast

On white

1.31
#77FAA4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.99
#77FAA4 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77FAA4
15.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77FAA4#FFFFFF#000000##000000
##77FAA41.001.3115.9915.99
#FFFFFF1.311.0021.0021.00
#00000015.9921.001.001.00
##00000015.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FAE89E
Deuteranopia (green-blind)
#E8DCA9
Tritanopia (blue-blind)
#55F7E4
Achromatopsia (no color)
#E1E1E1

Design tokens & code

CSS
--color: #77faa4;
/* rgb */ color: rgb(119, 250, 164);
/* oklch */ color: oklch(88.9% 0.167 152.7);
Tailwind
colors: {
  custom: {
    50: '#a7fdbf',
    500: '#77faa4',
    950: '#000000',
  },
}
SCSS
$custom: #77faa4;
$custom-light: #a7fdbf;
$custom-dark: #000000;
JSON
{
  "hex": "#77faa4",
  "rgb": {
    "r": 119,
    "g": 250,
    "b": 164
  },
  "hsl": {
    "h": 140.611,
    "s": 92.908,
    "l": 72.353
  },
  "oklch": {
    "l": 0.88948,
    "c": 0.16721,
    "h": 152.7
  },
  "luminance": 0.74973
}

Semantic roles & 50–950 ramp

primary
#77FAA4
secondary
#D63FA2
accent
#0097E6
background
#FDFFFD
surface
#F7FFF9
border
#D0D7D2
text
#101812
muted
#818682

Preview Lab

Preview with #77FAA4

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

Preview Lab → · Contrast checker → · Palette generator →

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