#74E772#74E772

#74E772 is a very light, vivid green. Relative luminance 0.621; OKLCH L 83.4% C 0.188 H 143.3°. Best body text is #000000 at 13.42:1 contrast (WCAG AA passes).

Color values

HEX#74E772
RGBrgb(116, 231, 114)
HSLhsl(119, 71%, 68%)
HSVhsv(119, 51%, 91%)
CMYKcmyk(49.8%, 0%, 50.6%, 9.4%)
CIE-LABlab(82.95, -55.57, 46.77)
CIE-LCHlch(82.95, 72.63, 139.92°)
OKLaboklab(83.42% -0.1512 0.1125)
OKLCHoklch(83.42% 0.188 143.3)
XYZxyz(38.8137, 62.0768, 25.8530)
Luminance0.6208 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#74E772 #E572E7
analogous
#AFE772 #74E772 #72E7AA
triadic
#74E772 #7274E7 #E77274
tetradic
#74E772 #72AFE7 #E572E7 #E7AA72
square
#74E772 #72AFE7 #E572E7 #E7AA72
split-complementary
#74E772 #AA72E7 #E772AF
monochromatic
#23BE20 #40DE3E #74E772 #A8F0A6 #DBF9DB

Accessibility & contrast

On white

1.57
#74E772 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.42
#74E772 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #74E772
13.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##74E772#FFFFFF#000000##000000
##74E7721.001.5713.4213.42
#FFFFFF1.571.0021.0021.00
#00000013.4221.001.001.00
##00000013.4221.001.001.00

Color blindness preview

Protanopia (red-blind)
#EBD568
Deuteranopia (green-blind)
#DCCB7A
Tritanopia (blue-blind)
#64E1CC
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #74e772;
/* rgb */ color: rgb(116, 231, 114);
/* oklch */ color: oklch(83.4% 0.188 143.3);
Tailwind
colors: {
  custom: {
    50: '#a4ef9d',
    500: '#74e772',
    950: '#000000',
  },
}
SCSS
$custom: #74e772;
$custom-light: #a4ef9d;
$custom-dark: #000000;
JSON
{
  "hex": "#74e772",
  "rgb": {
    "r": 116,
    "g": 231,
    "b": 114
  },
  "hsl": {
    "h": 118.974,
    "s": 70.909,
    "l": 67.647
  },
  "oklch": {
    "l": 0.8342,
    "c": 0.18848,
    "h": 143.3
  },
  "luminance": 0.6208
}

Semantic roles & 50–950 ramp

primary
#74E772
secondary
#BB40BD
accent
#13D3D0
background
#FDFFFC
surface
#F7FEF5
border
#D0D6CF
text
#10160E
muted
#81857F

Preview Lab

Preview with #74E772

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

Preview Lab → · Contrast checker → · Palette generator →

#74E772 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva