#41D265#41D265
#41D265 is a light, vivid green. Relative luminance 0.482; OKLCH L 76.3% C 0.194 H 147.9°. Best body text is #000000 at 10.63:1 contrast (WCAG AA passes).
Color values
| HEX | #41D265 |
|---|---|
| RGB | rgb(65, 210, 101) |
| HSL | hsl(135, 62%, 54%) |
| HSV | hsv(135, 69%, 82%) |
| CMYK | cmyk(69%, 0%, 51.9%, 17.6%) |
| CIE-LAB | lab(74.92, -60.91, 42.79) |
| CIE-LCH | lch(74.92, 74.44, 144.91°) |
| OKLab | oklab(76.34% -0.1641 0.1031) |
| OKLCH | oklch(76.34% 0.194 147.9) |
| XYZ | xyz(27.5735, 48.1536, 20.1508) |
| Luminance | 0.4816 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Tealish Green
#0CDC73
ΔE00 3.27
Seaweed
#18D17B
ΔE00 4.46
Emerald
#50C878
ΔE00 4.69
Lightish Green
#61E160
ΔE00 4.91
Weird Green
#3AE57F
ΔE00 4.95
Shamrock Green
#02C14D
ΔE00 4.99
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#41D265 #D241AE
analogous
#66D241 #41D265 #41D2AE
triadic
#41D265 #6541D2 #D26541
tetradic
#41D265 #4166D2 #D241AE #D2AE41
square
#41D265 #4166D2 #D241AE #D2AE41
split-complementary
#41D265 #AE41D2 #D24166
monochromatic
#1D7B35 #29AD4A #41D265 #72DE8D #A4E9B5
Accessibility & contrast
On white
1.98
#41D265 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.63
#41D265 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #41D265
10.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##41D265 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##41D265 | 1.00 | 1.98 | 10.63 | 10.63 |
| #FFFFFF | 1.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.63 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D4C05B
Deuteranopia (green-blind)
#C3B46D
Tritanopia (blue-blind)
#00CEB9
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #41d265; /* rgb */ color: rgb(65, 210, 101); /* oklch */ color: oklch(76.3% 0.194 147.9);
Tailwind
colors: {
custom: {
50: '#88e193',
500: '#41d265',
950: '#000000',
},
}SCSS
$custom: #41d265; $custom-light: #88e193; $custom-dark: #000000;
JSON
{
"hex": "#41d265",
"rgb": {
"r": 65,
"g": 210,
"b": 101
},
"hsl": {
"h": 134.897,
"s": 61.702,
"l": 53.922
},
"oklch": {
"l": 0.76337,
"c": 0.1938,
"h": 147.9
},
"luminance": 0.48157
}Semantic roles & 50–950 ramp
primary
#41D265
secondary
#D698C7
accent
#43BDE5
background
#F9FDF9
surface
#F1FBF1
border
#CBD4CB
text
#0D150D
muted
#7E837E