#31BD26#31BD26
#31BD26 is a light, highly saturated green. Relative luminance 0.372; OKLCH L 69.8% C 0.218 H 142.1°. Best body text is #000000 at 8.44:1 contrast (WCAG AA passes).
Color values
| HEX | #31BD26 |
|---|---|
| RGB | rgb(49, 189, 38) |
| HSL | hsl(116, 67%, 45%) |
| HSV | hsv(116, 80%, 74%) |
| CMYK | cmyk(74.1%, 0%, 79.9%, 25.9%) |
| CIE-LAB | lab(67.42, -63.09, 60.17) |
| CIE-LCH | lch(67.42, 87.18, 136.36°) |
| OKLab | oklab(69.85% -0.1717 0.1339) |
| OKLCH | oklch(69.85% 0.218 142.1) |
| XYZ | xyz(19.8129, 37.1858, 7.9668) |
| Luminance | 0.3719 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Kelly Green
#4CBB17
ΔE00 2.47
Leafy Green
#51B73B
ΔE00 2.99
Green (survey)
#15B01A
ΔE00 3.86
Frog Green
#58BC08
ΔE00 3.94
Lime Green
#32CD32
ΔE00 4.14
Shamrock Green
#02C14D
ΔE00 4.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#31BD26 #B226BD
analogous
#7DBD26 #31BD26 #26BD67
triadic
#31BD26 #2631BD #BD2631
tetradic
#31BD26 #267DBD #B226BD #BD6726
square
#31BD26 #267DBD #B226BD #BD6726
split-complementary
#31BD26 #6726BD #BD267D
monochromatic
#175712 #248A1C #31BD26 #51DA46 #81E479
Accessibility & contrast
On white
2.49
#31BD26 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.44
#31BD26 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #31BD26
8.44:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##31BD26 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##31BD26 | 1.00 | 2.49 | 8.44 | 8.44 |
| #FFFFFF | 2.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.44 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C1AB00
Deuteranopia (green-blind)
#B2A039
Tritanopia (blue-blind)
#00B7A1
Achromatopsia (no color)
#A4A4A4
Design tokens & code
CSS
--color: #31bd26; /* rgb */ color: rgb(49, 189, 38); /* oklch */ color: oklch(69.8% 0.218 142.1);
Tailwind
colors: {
custom: {
50: '#80d26d',
500: '#31bd26',
950: '#000000',
},
}SCSS
$custom: #31bd26; $custom-light: #80d26d; $custom-dark: #000000;
JSON
{
"hex": "#31bd26",
"rgb": {
"r": 49,
"g": 189,
"b": 38
},
"hsl": {
"h": 115.629,
"s": 66.52,
"l": 44.51
},
"oklch": {
"l": 0.69848,
"c": 0.21776,
"h": 142.1
},
"luminance": 0.37188
}Semantic roles & 50–950 ramp
primary
#31BD26
secondary
#C573CC
accent
#3EE9DD
background
#F8FDF6
surface
#F0FAEC
border
#CBD3C7
text
#0C1408
muted
#7D837A