#76EE6E#76EE6E

#76EE6E is a very light, highly saturated green. Relative luminance 0.661; OKLCH L 85.2% C 0.200 H 142.4°. Best body text is #000000 at 14.23:1 contrast (WCAG AA passes).

Color values

HEX#76EE6E
RGBrgb(118, 238, 110)
HSLhsl(116, 79%, 68%)
HSVhsv(116, 54%, 93%)
CMYKcmyk(50.4%, 0%, 53.8%, 6.7%)
CIE-LABlab(85.06, -58.25, 51.19)
CIE-LCHlch(85.06, 77.54, 138.69°)
OKLaboklab(85.15% -0.1587 0.122)
OKLCHoklch(85.15% 0.2 142.4)
XYZxyz(40.8582, 66.1233, 25.3588)
Luminance0.6613 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#76EE6E #E66EEE
analogous
#B6EE6E #76EE6E #6EEEA6
triadic
#76EE6E #6E76EE #EE6E76
tetradic
#76EE6E #6EB6EE #E66EEE #EEA66E
square
#76EE6E #6EB6EE #E66EEE #EEA66E
split-complementary
#76EE6E #A66EEE #EE6EB6
monochromatic
#23CA18 #42E837 #76EE6E #AAF4A5 #DEFBDC

Accessibility & contrast

On white

1.48
#76EE6E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.23
#76EE6E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #76EE6E
14.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##76EE6E#FFFFFF#000000##000000
##76EE6E1.001.4814.2314.23
#FFFFFF1.481.0021.0021.00
#00000014.2321.001.001.00
##00000014.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#F3DB62
Deuteranopia (green-blind)
#E3D077
Tritanopia (blue-blind)
#66E8D1
Achromatopsia (no color)
#D4D4D4

Design tokens & code

CSS
--color: #76ee6e;
/* rgb */ color: rgb(118, 238, 110);
/* oklch */ color: oklch(85.2% 0.200 142.4);
Tailwind
colors: {
  custom: {
    50: '#a6f49a',
    500: '#76ee6e',
    950: '#000000',
  },
}
SCSS
$custom: #76ee6e;
$custom-light: #a6f49a;
$custom-dark: #000000;
JSON
{
  "hex": "#76ee6e",
  "rgb": {
    "r": 118,
    "g": 238,
    "b": 110
  },
  "hsl": {
    "h": 116.25,
    "s": 79.012,
    "l": 68.235
  },
  "oklch": {
    "l": 0.85152,
    "c": 0.20018,
    "h": 142.4
  },
  "luminance": 0.66126
}

Semantic roles & 50–950 ramp

primary
#76EE6E
secondary
#BE3AC6
accent
#0ADBCE
background
#FDFFFC
surface
#F7FEF5
border
#D0D6CF
text
#10170E
muted
#81857F

Preview Lab

Preview with #76EE6E

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

Preview Lab → · Contrast checker → · Palette generator →

#76EE6E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva