#41D343#41D343
#41D343 is a light, highly saturated green. Relative luminance 0.481; OKLCH L 76.2% C 0.221 H 143.2°. Best body text is #000000 at 10.62:1 contrast (WCAG AA passes).
Color values
| HEX | #41D343 |
|---|---|
| RGB | rgb(65, 211, 67) |
| HSL | hsl(121, 62%, 54%) |
| HSV | hsv(121, 69%, 83%) |
| CMYK | cmyk(69.2%, 0%, 68.2%, 17.3%) |
| CIE-LAB | lab(74.90, -65.21, 57.73) |
| CIE-LCH | lch(74.90, 87.10, 138.48°) |
| OKLab | oklab(76.21% -0.177 0.1324) |
| OKLCH | oklch(76.21% 0.221 143.2) |
| XYZ | xyz(26.4857, 48.1147, 13.2003) |
| Luminance | 0.4812 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lime Green
#32CD32
ΔE00 1.94
Fresh Green
#69D84F
ΔE00 3.06
Lightish Green
#61E160
ΔE00 4.19
Vibrant Green
#0ADD08
ΔE00 4.22
Apple
#6ECB3C
ΔE00 4.47
Toxic Green
#61DE2A
ΔE00 4.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#41D343 #D341D1
analogous
#88D341 #41D343 #41D38C
triadic
#41D343 #4341D3 #D34341
tetradic
#41D343 #4188D3 #D341D1 #D38C41
square
#41D343 #4188D3 #D341D1 #D38C41
split-complementary
#41D343 #8C41D3 #D34188
monochromatic
#1D7D1E #28AE2A #41D343 #73DF74 #A4EAA5
Accessibility & contrast
On white
1.98
#41D343 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.62
#41D343 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #41D343
10.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##41D343 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##41D343 | 1.00 | 1.98 | 10.62 | 10.62 |
| #FFFFFF | 1.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D7BF2E
Deuteranopia (green-blind)
#C6B451
Tritanopia (blue-blind)
#13CDB6
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #41d343; /* rgb */ color: rgb(65, 211, 67); /* oklch */ color: oklch(76.2% 0.221 143.2);
Tailwind
colors: {
custom: {
50: '#89e27e',
500: '#41d343',
950: '#000000',
},
}SCSS
$custom: #41d343; $custom-light: #89e27e; $custom-dark: #000000;
JSON
{
"hex": "#41d343",
"rgb": {
"r": 65,
"g": 211,
"b": 67
},
"hsl": {
"h": 120.822,
"s": 62.393,
"l": 54.118
},
"oklch": {
"l": 0.76208,
"c": 0.22102,
"h": 143.2
},
"luminance": 0.48118
}Semantic roles & 50–950 ramp
primary
#41D343
secondary
#D799D6
accent
#42E3E5
background
#F9FEF8
surface
#F1FCEF
border
#CBD5CA
text
#0D150A
muted
#7E847C