#72E553#72E553

#72E553 is a very light, highly saturated green. Relative luminance 0.602; OKLCH L 82.5% C 0.212 H 139.6°. Best body text is #000000 at 13.05:1 contrast (WCAG AA passes).

Color values

HEX#72E553
RGBrgb(114, 229, 83)
HSLhsl(107, 74%, 61%)
HSVhsv(107, 64%, 90%)
CMYKcmyk(50.2%, 0%, 63.8%, 10.2%)
CIE-LABlab(81.97, -58.78, 59.38)
CIE-LCHlch(81.97, 83.55, 134.71°)
OKLaboklab(82.49% -0.1614 0.1373)
OKLCHoklch(82.49% 0.212 139.6)
XYZxyz(36.5186, 60.2378, 17.8846)
Luminance0.6024 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#72E553 #C653E5
analogous
#BBE553 #72E553 #53E57D
triadic
#72E553 #5372E5 #E55372
tetradic
#72E553 #53BBE5 #C653E5 #E57D53
square
#72E553 #53BBE5 #C653E5 #E57D53
split-complementary
#72E553 #7D53E5 #E553BB
monochromatic
#37A519 #48DA21 #72E553 #9EED88 #C9F5BD

Accessibility & contrast

On white

1.61
#72E553 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.05
#72E553 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #72E553
13.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##72E553#FFFFFF#000000##000000
##72E5531.001.6113.0513.05
#FFFFFF1.611.0021.0021.00
#00000013.0521.001.001.00
##00000013.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#EBD241
Deuteranopia (green-blind)
#DCC85F
Tritanopia (blue-blind)
#67DEC7
Achromatopsia (no color)
#CCCCCC

Design tokens & code

CSS
--color: #72e553;
/* rgb */ color: rgb(114, 229, 83);
/* oklch */ color: oklch(82.5% 0.212 139.6);
Tailwind
colors: {
  custom: {
    50: '#a4ee89',
    500: '#72e553',
    950: '#000000',
  },
}
SCSS
$custom: #72e553;
$custom-light: #a4ee89;
$custom-dark: #000000;
JSON
{
  "hex": "#72e553",
  "rgb": {
    "r": 114,
    "g": 229,
    "b": 83
  },
  "hsl": {
    "h": 107.26,
    "s": 73.737,
    "l": 61.176
  },
  "oklch": {
    "l": 0.82487,
    "c": 0.2119,
    "h": 139.6
  },
  "luminance": 0.60241
}

Semantic roles & 50–950 ramp

primary
#72E553
secondary
#8F35A7
accent
#10D6AC
background
#FDFFFC
surface
#F7FEF4
border
#D0D6CE
text
#10160C
muted
#81857F

Preview Lab

Preview with #72E553

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

Preview Lab → · Contrast checker → · Palette generator →

#72E553 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva