#77D683#77D683

#77D683 is a light, vivid green. Relative luminance 0.537; OKLCH L 79.7% C 0.147 H 146.8°. Best body text is #000000 at 11.73:1 contrast (WCAG AA passes).

Color values

HEX#77D683
RGBrgb(119, 214, 131)
HSLhsl(128, 54%, 65%)
HSVhsv(128, 44%, 84%)
CMYKcmyk(44.4%, 0%, 38.8%, 16.1%)
CIE-LABlab(78.26, -45.36, 32.46)
CIE-LCHlch(78.26, 55.78, 144.42°)
OKLaboklab(79.69% -0.1233 0.0806)
OKLCHoklch(79.69% 0.147 146.8)
XYZxyz(35.7491, 53.6513, 29.9403)
Luminance0.5365 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77D683 #D677CA
analogous
#9AD677 #77D683 #77D6B2
triadic
#77D683 #8377D6 #D68377
tetradic
#77D683 #779AD6 #D677CA #D6B277
square
#77D683 #779AD6 #D677CA #D6B277
split-complementary
#77D683 #B277D6 #D6779A
monochromatic
#31A23F #48C858 #77D683 #A6E4AE #D5F2D9

Accessibility & contrast

On white

1.79
#77D683 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.73
#77D683 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77D683
11.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77D683#FFFFFF#000000##000000
##77D6831.001.7911.7311.73
#FFFFFF1.791.0021.0021.00
#00000011.7321.001.001.00
##00000011.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8C77D
Deuteranopia (green-blind)
#CBBE88
Tritanopia (blue-blind)
#68D2C1
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #77d683;
/* rgb */ color: rgb(119, 214, 131);
/* oklch */ color: oklch(79.7% 0.147 146.8);
Tailwind
colors: {
  custom: {
    50: '#a3e3a8',
    500: '#77d683',
    950: '#000000',
  },
}
SCSS
$custom: #77d683;
$custom-light: #a3e3a8;
$custom-dark: #000000;
JSON
{
  "hex": "#77d683",
  "rgb": {
    "r": 119,
    "g": 214,
    "b": 131
  },
  "hsl": {
    "h": 127.579,
    "s": 53.672,
    "l": 65.294
  },
  "oklch": {
    "l": 0.79689,
    "c": 0.14733,
    "h": 146.8
  },
  "luminance": 0.53654
}

Semantic roles & 50–950 ramp

primary
#77D683
secondary
#A64B9A
accent
#24ADC1
background
#FCFEFC
surface
#F6FCF6
border
#D0D5D0
text
#0F150F
muted
#808480

Preview Lab

Preview with #77D683

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

Preview Lab → · Contrast checker → · Palette generator →

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