#94FF51#94FF51
#94FF51 is a very light, highly saturated yellow-green. Relative luminance 0.784; OKLCH L 90.2% C 0.229 H 135.8°. Best body text is #000000 at 16.68:1 contrast (WCAG AA passes).
Color values
| HEX | #94FF51 |
|---|---|
| RGB | rgb(148, 255, 81) |
| HSL | hsl(97, 100%, 66%) |
| HSV | hsv(97, 68%, 100%) |
| CMYK | cmyk(42%, 0%, 68.2%, 0%) |
| CIE-LAB | lab(90.97, -58.90, 70.15) |
| CIE-LCH | lch(90.97, 91.59, 130.02°) |
| OKLab | oklab(90.24% -0.1638 0.1594) |
| OKLCH | oklch(90.24% 0.229 135.8) |
| XYZ | xyz(49.4567, 78.4072, 20.3111) |
| Luminance | 0.7841 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Grass Green
#9AF764
ΔE00 2.69
Pale Lime Green
#B1FF65
ΔE00 3.18
Key Lime
#AEFF6E
ΔE00 3.24
Light Lime
#AEFD6C
ΔE00 3.30
Bright Lime
#87FD05
ΔE00 3.41
Lime Green (survey)
#89FE05
ΔE00 3.44
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#94FF51 #BC51FF
analogous
#EBFF51 #94FF51 #51FF65
triadic
#94FF51 #5194FF #FF5194
tetradic
#94FF51 #51EBFF #BC51FF #FF6551
square
#94FF51 #51EBFF #BC51FF #FF6551
split-complementary
#94FF51 #6551FF #FF51EB
monochromatic
#52D600 #6EFF14 #94FF51 #BAFF8E #DFFFCB
Accessibility & contrast
On white
1.26
#94FF51 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.68
#94FF51 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #94FF51
16.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##94FF51 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##94FF51 | 1.00 | 1.26 | 16.68 | 16.68 |
| #FFFFFF | 1.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFEB36
Deuteranopia (green-blind)
#F9E261
Tritanopia (blue-blind)
#90F6DC
Achromatopsia (no color)
#E5E5E5
Design tokens & code
CSS
--color: #94ff51; /* rgb */ color: rgb(148, 255, 81); /* oklch */ color: oklch(90.2% 0.229 135.8);
Tailwind
colors: {
custom: {
50: '#bbff8b',
500: '#94ff51',
950: '#000000',
},
}SCSS
$custom: #94ff51; $custom-light: #bbff8b; $custom-dark: #000000;
JSON
{
"hex": "#94ff51",
"rgb": {
"r": 148,
"g": 255,
"b": 81
},
"hsl": {
"h": 96.897,
"s": 100,
"l": 65.882
},
"oklch": {
"l": 0.90236,
"c": 0.22858,
"h": 135.8
},
"luminance": 0.7841
}Semantic roles & 50–950 ramp
primary
#94FF51
secondary
#8E25D0
accent
#00E68D
background
#FDFFFC
surface
#F9FFF4
border
#D2D7CE
text
#13180C
muted
#82867F