#76EA68#76EA68

#76EA68 is a very light, highly saturated green. Relative luminance 0.637; OKLCH L 84.1% C 0.200 H 141.6°. Best body text is #000000 at 13.74:1 contrast (WCAG AA passes).

Color values

HEX#76EA68
RGBrgb(118, 234, 104)
HSLhsl(114, 76%, 66%)
HSVhsv(114, 56%, 92%)
CMYKcmyk(49.6%, 0%, 55.6%, 8.2%)
CIE-LABlab(83.81, -57.42, 52.43)
CIE-LCHlch(83.81, 77.75, 137.60°)
OKLaboklab(84.1% -0.1567 0.1243)
OKLCHoklch(84.1% 0.2 141.6)
XYZxyz(39.3909, 63.6937, 23.3124)
Luminance0.6370 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#76EA68 #DC68EA
analogous
#B7EA68 #76EA68 #68EA9B
triadic
#76EA68 #6876EA #EA6876
tetradic
#76EA68 #68B7EA #DC68EA #EA9B68
square
#76EA68 #68B7EA #DC68EA #EA9B68
split-complementary
#76EA68 #9B68EA #EA68B7
monochromatic
#2CBD1A #45E332 #76EA68 #A7F19E #D7F9D3

Accessibility & contrast

On white

1.53
#76EA68 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.74
#76EA68 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #76EA68
13.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##76EA68#FFFFFF#000000##000000
##76EA681.001.5313.7413.74
#FFFFFF1.531.0021.0021.00
#00000013.7421.001.001.00
##00000013.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFD75B
Deuteranopia (green-blind)
#E0CD72
Tritanopia (blue-blind)
#68E4CD
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #76ea68;
/* rgb */ color: rgb(118, 234, 104);
/* oklch */ color: oklch(84.1% 0.200 141.6);
Tailwind
colors: {
  custom: {
    50: '#a6f196',
    500: '#76ea68',
    950: '#000000',
  },
}
SCSS
$custom: #76ea68;
$custom-light: #a6f196;
$custom-dark: #000000;
JSON
{
  "hex": "#76ea68",
  "rgb": {
    "r": 118,
    "g": 234,
    "b": 104
  },
  "hsl": {
    "h": 113.538,
    "s": 75.581,
    "l": 66.275
  },
  "oklch": {
    "l": 0.84102,
    "c": 0.20003,
    "h": 141.6
  },
  "luminance": 0.63697
}

Semantic roles & 50–950 ramp

primary
#76EA68
secondary
#AE3ABC
accent
#0ED8C2
background
#FDFFFC
surface
#F7FEF5
border
#D0D6CF
text
#10170E
muted
#81857F

Preview Lab

Preview with #76EA68

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

Preview Lab → · Contrast checker → · Palette generator →

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