#2FCE46#2FCE46
#2FCE46 is a light, highly saturated green. Relative luminance 0.452; OKLCH L 74.6% C 0.218 H 144.8°. Best body text is #000000 at 10.04:1 contrast (WCAG AA passes).
Color values
| HEX | #2FCE46 |
|---|---|
| RGB | rgb(47, 206, 70) |
| HSL | hsl(129, 63%, 50%) |
| HSV | hsv(129, 77%, 81%) |
| CMYK | cmyk(77.2%, 0%, 66%, 19.2%) |
| CIE-LAB | lab(73.01, -66.14, 54.41) |
| CIE-LCH | lch(73.01, 85.64, 140.56°) |
| OKLab | oklab(74.56% -0.1785 0.1258) |
| OKLCH | oklch(74.56% 0.218 144.8) |
| XYZ | xyz(24.3474, 45.1863, 13.2318) |
| Luminance | 0.4519 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lime Green
#32CD32
ΔE00 2.00
Shamrock Green
#02C14D
ΔE00 4.23
Fresh Green
#69D84F
ΔE00 4.59
Apple
#6ECB3C
ΔE00 5.36
Lightish Green
#61E160
ΔE00 5.43
Vibrant Green
#0ADD08
ΔE00 5.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2FCE46 #CE2FB7
analogous
#68CE2F #2FCE46 #2FCE95
triadic
#2FCE46 #462FCE #CE462F
tetradic
#2FCE46 #2F68CE #CE2FB7 #CE952F
square
#2FCE46 #2F68CE #CE2FB7 #CE952F
split-complementary
#2FCE46 #952FCE #CE2F68
monochromatic
#186A24 #249C35 #2FCE46 #60DB71 #91E69E
Accessibility & contrast
On white
2.09
#2FCE46 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.04
#2FCE46 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #2FCE46
10.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2FCE46 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2FCE46 | 1.00 | 2.09 | 10.04 | 10.04 |
| #FFFFFF | 2.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.04 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D2BB34
Deuteranopia (green-blind)
#C0AE53
Tritanopia (blue-blind)
#00C9B2
Achromatopsia (no color)
#B3B3B3
Design tokens & code
CSS
--color: #2fce46; /* rgb */ color: rgb(47, 206, 70); /* oklch */ color: oklch(74.6% 0.218 144.8);
Tailwind
colors: {
custom: {
50: '#82de7f',
500: '#2fce46',
950: '#000000',
},
}SCSS
$custom: #2fce46; $custom-light: #82de7f; $custom-dark: #000000;
JSON
{
"hex": "#2fce46",
"rgb": {
"r": 47,
"g": 206,
"b": 70
},
"hsl": {
"h": 128.679,
"s": 62.846,
"l": 49.608
},
"oklch": {
"l": 0.74557,
"c": 0.21841,
"h": 144.8
},
"luminance": 0.45189
}Semantic roles & 50–950 ramp
primary
#2FCE46
secondary
#D188C6
accent
#42CEE6
background
#F8FDF8
surface
#F0FBEF
border
#CBD4CA
text
#0C150A
muted
#7D837C