#2DEA46#2DEA46
#2DEA46 is a light, highly saturated green. Relative luminance 0.598; OKLCH L 81.8% C 0.249 H 144.3°. Best body text is #000000 at 12.97:1 contrast (WCAG AA passes).
Color values
| HEX | #2DEA46 |
|---|---|
| RGB | rgb(45, 234, 70) |
| HSL | hsl(128, 82%, 55%) |
| HSV | hsv(128, 81%, 92%) |
| CMYK | cmyk(80.8%, 0%, 70.1%, 8.2%) |
| CIE-LAB | lab(81.75, -74.94, 63.71) |
| CIE-LCH | lch(81.75, 98.36, 139.63°) |
| OKLab | oklab(81.81% -0.2024 0.1454) |
| OKLCH | oklch(81.81% 0.249 144.3) |
| XYZ | xyz(31.6083, 59.8418, 15.6779) |
| Luminance | 0.5985 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Vivid Green
#2FEF10
ΔE00 3.50
Lightish Green
#61E160
ΔE00 3.90
Vibrant Green
#0ADD08
ΔE00 4.07
Bright Light Green
#2DFE54
ΔE00 4.24
Light Neon Green
#4EFD54
ΔE00 4.28
Light Bright Green
#53FE5C
ΔE00 4.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2DEA46 #EA2DD1
analogous
#72EA2D #2DEA46 #2DEAA5
triadic
#2DEA46 #462DEA #EA462D
tetradic
#2DEA46 #2D72EA #EA2DD1 #EAA52D
square
#2DEA46 #2D72EA #EA2DD1 #EAA52D
split-complementary
#2DEA46 #A52DEA #EA2D72
monochromatic
#0E8E1F #14C62B #2DEA46 #65F077 #9CF5A8
Accessibility & contrast
On white
1.62
#2DEA46 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.97
#2DEA46 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #2DEA46
12.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2DEA46 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2DEA46 | 1.00 | 1.62 | 12.97 | 12.97 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.97 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EED42C
Deuteranopia (green-blind)
#DAC657
Tritanopia (blue-blind)
#00E4CA
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #2dea46; /* rgb */ color: rgb(45, 234, 70); /* oklch */ color: oklch(81.8% 0.249 144.3);
Tailwind
colors: {
custom: {
50: '#88f282',
500: '#2dea46',
950: '#000000',
},
}SCSS
$custom: #2dea46; $custom-light: #88f282; $custom-dark: #000000;
JSON
{
"hex": "#2dea46",
"rgb": {
"r": 45,
"g": 234,
"b": 70
},
"hsl": {
"h": 127.937,
"s": 81.818,
"l": 54.706
},
"oklch": {
"l": 0.81812,
"c": 0.24919,
"h": 144.3
},
"luminance": 0.59846
}Semantic roles & 50–950 ramp
primary
#2DEA46
secondary
#932885
accent
#30DEF8
background
#FCFFFB
surface
#F5FEF2
border
#CFD6CC
text
#0E170B
muted
#7F857E