#8BF79B#8BF79B
#8BF79B is a very light, vivid green. Relative luminance 0.744; OKLCH L 88.9% C 0.161 H 147.4°. Best body text is #000000 at 15.88:1 contrast (WCAG AA passes).
Color values
| HEX | #8BF79B |
|---|---|
| RGB | rgb(139, 247, 155) |
| HSL | hsl(129, 87%, 76%) |
| HSV | hsv(129, 44%, 97%) |
| CMYK | cmyk(43.7%, 0%, 37.2%, 3.1%) |
| CIE-LAB | lab(89.10, -49.86, 34.77) |
| CIE-LCH | lch(89.10, 60.79, 145.11°) |
| OKLab | oklab(88.88% -0.1356 0.0866) |
| OKLCH | oklch(88.88% 0.161 147.4) |
| XYZ | xyz(49.8218, 74.3737, 42.7342) |
| Luminance | 0.7438 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Mint Green
#8FFF9F
ΔE00 1.67
Baby Green
#8CFF9E
ΔE00 1.69
Palegreen
#98FB98
ΔE00 2.04
Foam Green
#90FDA9
ΔE00 2.04
Lightgreen
#90EE90
ΔE00 2.40
Mint (survey)
#9FFEB0
ΔE00 3.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8BF79B #F78BE7
analogous
#B1F78B #8BF79B #8BF7D1
triadic
#8BF79B #9B8BF7 #F79B8B
tetradic
#8BF79B #8BB1F7 #F78BE7 #F7D18B
square
#8BF79B #8BB1F7 #F78BE7 #F7D18B
split-complementary
#8BF79B #D18BF7 #F78BB1
monochromatic
#18EF38 #52F36A #8BF79B #C4FBCC #E2FDE6
Accessibility & contrast
On white
1.32
#8BF79B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.88
#8BF79B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #8BF79B
15.88:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8BF79B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8BF79B | 1.00 | 1.32 | 15.88 | 15.88 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.88 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F9E695
Deuteranopia (green-blind)
#EADCA1
Tritanopia (blue-blind)
#7AF3E0
Achromatopsia (no color)
#E0E0E0
Design tokens & code
CSS
--color: #8bf79b; /* rgb */ color: rgb(139, 247, 155); /* oklch */ color: oklch(88.9% 0.161 147.4);
Tailwind
colors: {
custom: {
50: '#b2fab9',
500: '#8bf79b',
950: '#000000',
},
}SCSS
$custom: #8bf79b; $custom-light: #b2fab9; $custom-dark: #000000;
JSON
{
"hex": "#8bf79b",
"rgb": {
"r": 139,
"g": 247,
"b": 155
},
"hsl": {
"h": 128.889,
"s": 87.097,
"l": 75.686
},
"oklch": {
"l": 0.88875,
"c": 0.16089,
"h": 147.4
},
"luminance": 0.74377
}Semantic roles & 50–950 ramp
primary
#8BF79B
secondary
#D551C1
accent
#02C2E4
background
#FDFFFD
surface
#F8FFF8
border
#D1D7D1
text
#111711
muted
#818581