#47D27E#47D27E
#47D27E is a light, vivid green. Relative luminance 0.489; OKLCH L 76.9% C 0.169 H 152.9°. Best body text is #000000 at 10.79:1 contrast (WCAG AA passes).
Color values
| HEX | #47D27E |
|---|---|
| RGB | rgb(71, 210, 126) |
| HSL | hsl(144, 61%, 55%) |
| HSV | hsv(144, 66%, 82%) |
| CMYK | cmyk(66.2%, 0%, 40%, 17.6%) |
| CIE-LAB | lab(75.41, -55.83, 30.98) |
| CIE-LCH | lch(75.41, 63.86, 150.97°) |
| OKLab | oklab(76.9% -0.1508 0.077) |
| OKLCH | oklch(76.9% 0.169 152.9) |
| XYZ | xyz(29.4085, 48.9360, 27.6304) |
| Luminance | 0.4894 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Seaweed
#18D17B
ΔE00 1.92
Emerald
#50C878
ΔE00 2.56
Tealish Green
#0CDC73
ΔE00 3.74
Algae Green
#21C36F
ΔE00 4.25
Dark Mint
#48C072
ΔE00 4.55
Aqua Green
#12E193
ΔE00 4.64
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#47D27E #D2479B
analogous
#55D247 #47D27E #47D2C4
triadic
#47D27E #7E47D2 #D27E47
tetradic
#47D27E #4755D2 #D2479B #D2C447
square
#47D27E #4755D2 #D2479B #D2C447
split-complementary
#47D27E #C447D2 #D24755
monochromatic
#1F7F45 #2BB160 #47D27E #78DEA0 #A9EAC3
Accessibility & contrast
On white
1.95
#47D27E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.79
#47D27E on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #47D27E
10.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##47D27E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##47D27E | 1.00 | 1.95 | 10.79 | 10.79 |
| #FFFFFF | 1.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.79 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D2C178
Deuteranopia (green-blind)
#C1B584
Tritanopia (blue-blind)
#00CFBD
Achromatopsia (no color)
#BABABA
Design tokens & code
CSS
--color: #47d27e; /* rgb */ color: rgb(71, 210, 126); /* oklch */ color: oklch(76.9% 0.169 152.9);
Tailwind
colors: {
custom: {
50: '#8ae1a4',
500: '#47d27e',
950: '#000000',
},
}SCSS
$custom: #47d27e; $custom-light: #8ae1a4; $custom-dark: #000000;
JSON
{
"hex": "#47d27e",
"rgb": {
"r": 71,
"g": 210,
"b": 126
},
"hsl": {
"h": 143.741,
"s": 60.699,
"l": 55.098
},
"oklch": {
"l": 0.76895,
"c": 0.16932,
"h": 152.9
},
"luminance": 0.48939
}Semantic roles & 50–950 ramp
primary
#47D27E
secondary
#D89DC0
accent
#44A5E4
background
#F9FDFA
surface
#F1FBF4
border
#CBD4CE
text
#0D150F
muted
#7E837F