#2FC43B#2FC43B
#2FC43B is a light, highly saturated green. Relative luminance 0.404; OKLCH L 71.8% C 0.214 H 143.9°. Best body text is #000000 at 9.08:1 contrast (WCAG AA passes).
Color values
| HEX | #2FC43B |
|---|---|
| RGB | rgb(47, 196, 59) |
| HSL | hsl(125, 61%, 48%) |
| HSV | hsv(125, 76%, 77%) |
| CMYK | cmyk(76%, 0%, 69.9%, 23.1%) |
| CIE-LAB | lab(69.75, -64.03, 55.29) |
| CIE-LCH | lch(69.75, 84.60, 139.19°) |
| OKLab | oklab(71.82% -0.1733 0.1265) |
| OKLCH | oklch(71.82% 0.215 143.9) |
| XYZ | xyz(21.7002, 40.3974, 10.7907) |
| Luminance | 0.4040 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lime Green
#32CD32
ΔE00 2.69
Shamrock Green
#02C14D
ΔE00 3.16
Leafy Green
#51B73B
ΔE00 4.04
Kelly Green
#4CBB17
ΔE00 4.40
Apple
#6ECB3C
ΔE00 5.49
Frog Green
#58BC08
ΔE00 5.58
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2FC43B #C42FB8
analogous
#6EC42F #2FC43B #2FC485
triadic
#2FC43B #3B2FC4 #C43B2F
tetradic
#2FC43B #2F6EC4 #C42FB8 #C4852F
square
#2FC43B #2F6EC4 #C42FB8 #C4852F
split-complementary
#2FC43B #852FC4 #C42F6E
monochromatic
#17611D #23932C #2FC43B #59D763 #8AE392
Accessibility & contrast
On white
2.31
#2FC43B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.08
#2FC43B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #2FC43B
9.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2FC43B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2FC43B | 1.00 | 2.31 | 9.08 | 9.08 |
| #FFFFFF | 2.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.08 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C8B126
Deuteranopia (green-blind)
#B7A649
Tritanopia (blue-blind)
#00BFA9
Achromatopsia (no color)
#AAAAAA
Design tokens & code
CSS
--color: #2fc43b; /* rgb */ color: rgb(47, 196, 59); /* oklch */ color: oklch(71.8% 0.214 143.9);
Tailwind
colors: {
custom: {
50: '#80d778',
500: '#2fc43b',
950: '#000000',
},
}SCSS
$custom: #2fc43b; $custom-light: #80d778; $custom-dark: #000000;
JSON
{
"hex": "#2fc43b",
"rgb": {
"r": 47,
"g": 196,
"b": 59
},
"hsl": {
"h": 124.832,
"s": 61.317,
"l": 47.647
},
"oklch": {
"l": 0.71819,
"c": 0.2145,
"h": 143.9
},
"luminance": 0.404
}Semantic roles & 50–950 ramp
primary
#2FC43B
secondary
#CD82C7
accent
#43D7E4
background
#F8FDF7
surface
#F0FAEE
border
#CBD3C9
text
#0C1509
muted
#7D837B