#7DF552#7DF552
#7DF552 is a very light, highly saturated green. Relative luminance 0.703; OKLCH L 86.8% C 0.227 H 138.6°. Best body text is #000000 at 15.05:1 contrast (WCAG AA passes).
Color values
| HEX | #7DF552 |
|---|---|
| RGB | rgb(125, 245, 82) |
| HSL | hsl(104, 89%, 64%) |
| HSV | hsv(104, 67%, 96%) |
| CMYK | cmyk(49%, 0%, 66.5%, 3.9%) |
| CIE-LAB | lab(87.13, -61.79, 65.47) |
| CIE-LCH | lch(87.13, 90.02, 133.34°) |
| OKLab | oklab(86.84% -0.1703 0.1499) |
| OKLCH | oklch(86.84% 0.227 138.6) |
| XYZ | xyz(42.6313, 70.2709, 19.2982) |
| Luminance | 0.7027 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Lighter Green
#75FD63
ΔE00 2.47
Light Grass Green
#9AF764
ΔE00 2.80
Light Neon Green
#4EFD54
ΔE00 3.67
Light Bright Green
#53FE5C
ΔE00 3.84
Light Green
#96F97B
ΔE00 4.19
Bright Lime Green
#65FE08
ΔE00 4.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7DF552 #CA52F5
analogous
#CEF552 #7DF552 #52F579
triadic
#7DF552 #527DF5 #F5527D
tetradic
#7DF552 #52CEF5 #CA52F5 #F57952
square
#7DF552 #52CEF5 #CA52F5 #F57952
split-complementary
#7DF552 #7952F5 #F552CE
monochromatic
#3BC10B #52F218 #7DF552 #A8F88C #D4FCC6
Accessibility & contrast
On white
1.39
#7DF552 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.05
#7DF552 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7DF552
15.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7DF552 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7DF552 | 1.00 | 1.39 | 15.05 | 15.05 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FCE13B
Deuteranopia (green-blind)
#ECD661
Tritanopia (blue-blind)
#73EDD4
Achromatopsia (no color)
#DADADA
Design tokens & code
CSS
--color: #7df552; /* rgb */ color: rgb(125, 245, 82); /* oklch */ color: oklch(86.8% 0.227 138.6);
Tailwind
colors: {
custom: {
50: '#acf98a',
500: '#7df552',
950: '#000000',
},
}SCSS
$custom: #7df552; $custom-light: #acf98a; $custom-dark: #000000;
JSON
{
"hex": "#7df552",
"rgb": {
"r": 125,
"g": 245,
"b": 82
},
"hsl": {
"h": 104.172,
"s": 89.071,
"l": 64.118
},
"oklch": {
"l": 0.8684,
"c": 0.22686,
"h": 138.6
},
"luminance": 0.70274
}Semantic roles & 50–950 ramp
primary
#7DF552
secondary
#982CBF
accent
#00E6A9
background
#FDFFFC
surface
#F8FFF4
border
#D1D7CE
text
#11170C
muted
#81857F