#43C732#43C732
#43C732 is a light, highly saturated green. Relative luminance 0.423; OKLCH L 73.0% C 0.217 H 141.5°. Best body text is #000000 at 9.45:1 contrast (WCAG AA passes).
Color values
| HEX | #43C732 |
|---|---|
| RGB | rgb(67, 199, 50) |
| HSL | hsl(113, 60%, 49%) |
| HSV | hsv(113, 75%, 78%) |
| CMYK | cmyk(66.3%, 0%, 74.9%, 22%) |
| CIE-LAB | lab(71.06, -62.26, 60.02) |
| CIE-LCH | lch(71.06, 86.48, 136.05°) |
| OKLab | oklab(73% -0.1699 0.1351) |
| OKLCH | oklch(73% 0.217 141.5) |
| XYZ | xyz(23.3126, 42.2680, 9.9470) |
| Luminance | 0.4227 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lime Green
#32CD32
ΔE00 1.70
Kelly Green
#4CBB17
ΔE00 3.67
Apple
#6ECB3C
ΔE00 3.77
Frog Green
#58BC08
ΔE00 4.39
Leafy Green
#51B73B
ΔE00 4.52
Fresh Green
#69D84F
ΔE00 5.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#43C732 #B632C7
analogous
#8EC732 #43C732 #32C76C
triadic
#43C732 #3243C7 #C73243
tetradic
#43C732 #328EC7 #B632C7 #C76C32
square
#43C732 #328EC7 #B632C7 #C76C32
split-complementary
#43C732 #6C32C7 #C7328E
monochromatic
#226519 #339626 #43C732 #6DD75F #9AE390
Accessibility & contrast
On white
2.22
#43C732 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.45
#43C732 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #43C732
9.45:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##43C732 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##43C732 | 1.00 | 2.22 | 9.45 | 9.45 |
| #FFFFFF | 2.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.45 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CCB412
Deuteranopia (green-blind)
#BCAA42
Tritanopia (blue-blind)
#28C1AB
Achromatopsia (no color)
#AEAEAE
Design tokens & code
CSS
--color: #43c732; /* rgb */ color: rgb(67, 199, 50); /* oklch */ color: oklch(73.0% 0.217 141.5);
Tailwind
colors: {
custom: {
50: '#89d974',
500: '#43c732',
950: '#000000',
},
}SCSS
$custom: #43c732; $custom-light: #89d974; $custom-dark: #000000;
JSON
{
"hex": "#43c732",
"rgb": {
"r": 67,
"g": 199,
"b": 50
},
"hsl": {
"h": 113.154,
"s": 59.839,
"l": 48.824
},
"oklch": {
"l": 0.72999,
"c": 0.21704,
"h": 141.5
},
"luminance": 0.4227
}Semantic roles & 50–950 ramp
primary
#43C732
secondary
#C687CE
accent
#45E3D1
background
#F9FDF7
surface
#F1FBED
border
#CBD4C8
text
#0D1509
muted
#7E837B