Preview
#7acc0e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.47:1
HEX
#7acc0e
RGB
rgb(122, 204, 14)
RGBA
rgba(122, 204, 14, 1)
HSL
hsl(86, 87%, 43%)
HSV
hsv(86, 93%, 80%)
LAB
lab(74.42% -50.44 72.15)
LCH
lch(74.42% 88.03 124.96)
OKLAB
oklab(0.7627 -0.1431 0.1553)
OKLCH
oklch(0.7627 0.2112 132.66)
XYZ
xyz(29.70, 47.35, 7.99)
CMYK
cmyk(40%, 0%, 93%, 20%)
CSS
color: #7acc0e;
CSS variable
--color-7acc0e: #7acc0e;
SCSS
$color-7acc0e: #7acc0e;
Tailwind
yellow-500
Export
:root {
--#7acc0e-1: #7acc0e;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.