#43AC40#43AC40
#43AC40 is a light, vivid green. Relative luminance 0.311; OKLCH L 66.0% C 0.176 H 142.8°. Best body text is #000000 at 7.21:1 contrast (WCAG AA passes).
Color values
| HEX | #43AC40 |
|---|---|
| RGB | rgb(67, 172, 64) |
| HSL | hsl(118, 46%, 46%) |
| HSV | hsv(118, 63%, 67%) |
| CMYK | cmyk(61%, 0%, 62.8%, 32.5%) |
| CIE-LAB | lab(62.56, -51.55, 45.53) |
| CIE-LCH | lch(62.56, 68.78, 138.55°) |
| OKLab | oklab(66.01% -0.1402 0.1063) |
| OKLCH | oklch(66.01% 0.176 142.8) |
| XYZ | xyz(17.9917, 31.0668, 9.8979) |
| Luminance | 0.3107 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Medium Green
#39AD48
ΔE00 1.60
Mid Green
#50A747
ΔE00 2.15
Kelly Green (survey)
#02AB2E
ΔE00 3.01
Dark Pastel Green
#56AE57
ΔE00 3.35
Leafy Green
#51B73B
ΔE00 3.83
Fern (survey)
#63A950
ΔE00 3.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#43AC40 #A940AC
analogous
#79AC40 #43AC40 #40AC73
triadic
#43AC40 #4043AC #AC4043
tetradic
#43AC40 #4079AC #A940AC #AC7340
square
#43AC40 #4079AC #A940AC #AC7340
split-complementary
#43AC40 #7340AC #AC4079
monochromatic
#20531F #327F2F #43AC40 #67C564 #92D691
Accessibility & contrast
On white
2.91
#43AC40 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.21
#43AC40 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #43AC40
7.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##43AC40 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##43AC40 | 1.00 | 2.91 | 7.21 | 7.21 |
| #FFFFFF | 2.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.21 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B09D34
Deuteranopia (green-blind)
#A39449
Tritanopia (blue-blind)
#30A795
Achromatopsia (no color)
#979797
Design tokens & code
CSS
--color: #43ac40; /* rgb */ color: rgb(67, 172, 64); /* oklch */ color: oklch(66.0% 0.176 142.8);
Tailwind
colors: {
custom: {
50: '#83c679',
500: '#43ac40',
950: '#000000',
},
}SCSS
$custom: #43ac40; $custom-light: #83c679; $custom-dark: #000000;
JSON
{
"hex": "#43ac40",
"rgb": {
"r": 67,
"g": 172,
"b": 64
},
"hsl": {
"h": 118.333,
"s": 45.763,
"l": 46.275
},
"oklch": {
"l": 0.66009,
"c": 0.17591,
"h": 142.8
},
"luminance": 0.31069
}Semantic roles & 50–950 ramp
primary
#43AC40
secondary
#BF87C1
accent
#52D5D2
background
#F8FCF7
surface
#F0F8EE
border
#CBD1C9
text
#0C1309
muted
#7D827B