Preview
#a7d100
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.76:1
HEX
#a7d100
RGB
rgb(167, 209, 0)
RGBA
rgba(167, 209, 0, 1)
HSL
hsl(72, 100%, 41%)
HSV
hsv(72, 100%, 82%)
LAB
lab(78.35% -35.99 77.72)
LCH
lch(78.35% 85.65 114.85)
OKLAB
oklab(0.8012 -0.1071 0.1649)
OKLCH
oklch(0.8012 0.1966 123)
XYZ
xyz(38.74, 53.82, 8.35)
CMYK
cmyk(20%, 0%, 100%, 18%)
CSS
color: #a7d100;
CSS variable
--color-a7d100: #a7d100;
SCSS
$color-a7d100: #a7d100;
Tailwind
amber-500
Export
:root {
--#a7d100-1: #a7d100;
}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.