#53C32A#53C32A

#53C32A is a light, highly saturated green. Relative luminance 0.410; OKLCH L 72.4% C 0.210 H 139.1°. Best body text is #000000 at 9.21:1 contrast (WCAG AA passes).

Color values

HEX#53C32A
RGBrgb(83, 195, 42)
HSLhsl(104, 65%, 46%)
HSVhsv(104, 78%, 76%)
CMYKcmyk(57.4%, 0%, 78.5%, 23.5%)
CIE-LABlab(70.20, -57.74, 61.91)
CIE-LCHlch(70.20, 84.66, 133.00°)
OKLaboklab(72.4% -0.1591 0.1378)
OKLCHoklch(72.4% 0.21 139.1)
XYZxyz(23.4993, 41.0343, 8.8721)
Luminance0.4104 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#53C32A #9A2AC3
analogous
#A0C32A #53C32A #2AC34E
triadic
#53C32A #2A53C3 #C32A53
tetradic
#53C32A #2AA0C3 #9A2AC3 #C34E2A
square
#53C32A #2AA0C3 #9A2AC3 #C34E2A
split-complementary
#53C32A #4E2AC3 #C32AA0
monochromatic
#285E14 #3E911F #53C32A #75D951 #9DE483

Accessibility & contrast

On white

2.28
#53C32A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.21
#53C32A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #53C32A
9.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##53C32A#FFFFFF#000000##000000
##53C32A1.002.289.219.21
#FFFFFF2.281.0021.0021.00
#0000009.2121.001.001.00
##0000009.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C9B100
Deuteranopia (green-blind)
#BBA83C
Tritanopia (blue-blind)
#47BCA7
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #53c32a;
/* rgb */ color: rgb(83, 195, 42);
/* oklch */ color: oklch(72.4% 0.210 139.1);
Tailwind
colors: {
  custom: {
    50: '#90d670',
    500: '#53c32a',
    950: '#000000',
  },
}
SCSS
$custom: #53c32a;
$custom-light: #90d670;
$custom-dark: #000000;
JSON
{
  "hex": "#53c32a",
  "rgb": {
    "r": 83,
    "g": 195,
    "b": 42
  },
  "hsl": {
    "h": 103.922,
    "s": 64.557,
    "l": 46.471
  },
  "oklch": {
    "l": 0.72404,
    "c": 0.21045,
    "h": 139.1
  },
  "luminance": 0.41036
}

Semantic roles & 50–950 ramp

primary
#53C32A
secondary
#B77BCD
accent
#40E8BB
background
#F9FDF7
surface
#F2FAED
border
#CCD3C8
text
#0E1408
muted
#7E837B

Preview Lab

Preview with #53C32A

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

Preview Lab → · Contrast checker → · Palette generator →

#53C32A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva