#2EAD24#2EAD24

#2EAD24 is a light, highly saturated green. Relative luminance 0.306; OKLCH L 65.5% C 0.202 H 142.1°. Best body text is #000000 at 7.12:1 contrast (WCAG AA passes).

Color values

HEX#2EAD24
RGBrgb(46, 173, 36)
HSLhsl(116, 66%, 41%)
HSVhsv(116, 79%, 68%)
CMYKcmyk(73.4%, 0%, 79.2%, 32.2%)
CIE-LABlab(62.16, -58.62, 55.76)
CIE-LCHlch(62.16, 80.91, 136.43°)
OKLaboklab(65.46% -0.1596 0.1244)
OKLCHoklch(65.46% 0.202 142.1)
XYZxyz(16.3878, 30.5935, 6.7102)
Luminance0.3059 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2EAD24 #A324AD
analogous
#72AD24 #2EAD24 #24AD5E
triadic
#2EAD24 #242EAD #AD242E
tetradic
#2EAD24 #2472AD #A324AD #AD5E24
square
#2EAD24 #2472AD #A324AD #AD5E24
split-complementary
#2EAD24 #5E24AD #AD2472
monochromatic
#13480F #217A19 #2EAD24 #44D639 #74E06B

Accessibility & contrast

On white

2.95
#2EAD24 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.12
#2EAD24 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #2EAD24
7.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2EAD24#FFFFFF#000000##000000
##2EAD241.002.957.127.12
#FFFFFF2.951.0021.0021.00
#0000007.1221.001.001.00
##0000007.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#B19C00
Deuteranopia (green-blind)
#A39234
Tritanopia (blue-blind)
#00A894
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #2ead24;
/* rgb */ color: rgb(46, 173, 36);
/* oklch */ color: oklch(65.5% 0.202 142.1);
Tailwind
colors: {
  custom: {
    50: '#7bc76a',
    500: '#2ead24',
    950: '#000000',
  },
}
SCSS
$custom: #2ead24;
$custom-light: #7bc76a;
$custom-dark: #000000;
JSON
{
  "hex": "#2ead24",
  "rgb": {
    "r": 46,
    "g": 173,
    "b": 36
  },
  "hsl": {
    "h": 115.62,
    "s": 65.55,
    "l": 40.98
  },
  "oklch": {
    "l": 0.65463,
    "c": 0.20238,
    "h": 142.1
  },
  "luminance": 0.30595
}

Semantic roles & 50–950 ramp

primary
#2EAD24
secondary
#BF66C6
accent
#3FE9DC
background
#F8FCF6
surface
#EFF8EC
border
#CAD1C7
text
#0B1307
muted
#7C827A

Preview Lab

Preview with #2EAD24

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

Preview Lab → · Contrast checker → · Palette generator →

#2EAD24 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva