#49E47E#49E47E
#49E47E is a light, vivid green. Relative luminance 0.584; OKLCH L 81.5% C 0.192 H 150.7°. Best body text is #000000 at 12.68:1 contrast (WCAG AA passes).
Color values
| HEX | #49E47E |
|---|---|
| RGB | rgb(73, 228, 126) |
| HSL | hsl(141, 74%, 59%) |
| HSV | hsv(141, 68%, 89%) |
| CMYK | cmyk(68%, 0%, 44.7%, 10.6%) |
| CIE-LAB | lab(80.96, -62.13, 38.20) |
| CIE-LCH | lch(80.96, 72.93, 148.41°) |
| OKLab | oklab(81.48% -0.1674 0.0938) |
| OKLCH | oklch(81.48% 0.192 150.7) |
| XYZ | xyz(34.2542, 58.4059, 29.2028) |
| Luminance | 0.5841 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Weird Green
#3AE57F
ΔE00 0.80
Tealish Green
#0CDC73
ΔE00 2.72
Turquoise Green
#04F489
ΔE00 3.89
Minty Green
#0BF77D
ΔE00 4.56
Wintergreen
#20F986
ΔE00 4.70
Lightish Green
#61E160
ΔE00 4.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#49E47E #E449AF
analogous
#62E449 #49E47E #49E4CC
triadic
#49E47E #7E49E4 #E47E49
tetradic
#49E47E #4962E4 #E449AF #E4CC49
square
#49E47E #4962E4 #E449AF #E4CC49
split-complementary
#49E47E #CC49E4 #E44962
monochromatic
#179C44 #1FD15C #49E47E #7EECA4 #B4F4CA
Accessibility & contrast
On white
1.66
#49E47E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.68
#49E47E on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #49E47E
12.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##49E47E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##49E47E | 1.00 | 1.66 | 12.68 | 12.68 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E5D176
Deuteranopia (green-blind)
#D2C485
Tritanopia (blue-blind)
#00E0CB
Achromatopsia (no color)
#C9C9C9
Design tokens & code
CSS
--color: #49e47e; /* rgb */ color: rgb(73, 228, 126); /* oklch */ color: oklch(81.5% 0.192 150.7);
Tailwind
colors: {
custom: {
50: '#8eeea5',
500: '#49e47e',
950: '#000000',
},
}SCSS
$custom: #49e47e; $custom-light: #8eeea5; $custom-dark: #000000;
JSON
{
"hex": "#49e47e",
"rgb": {
"r": 73,
"g": 228,
"b": 126
},
"hsl": {
"h": 140.516,
"s": 74.163,
"l": 59.02
},
"oklch": {
"l": 0.81484,
"c": 0.1919,
"h": 150.7
},
"luminance": 0.5841
}Semantic roles & 50–950 ramp
primary
#49E47E
secondary
#9F327A
accent
#37B1F1
background
#FCFFFC
surface
#F5FEF6
border
#CFD6D0
text
#0E160F
muted
#7F8580