Preview
#a5f10e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.19:1
HEX
#a5f10e
RGB
rgb(165, 241, 14)
RGBA
rgba(165, 241, 14, 1)
HSL
hsl(80, 89%, 50%)
HSV
hsv(80, 94%, 95%)
LAB
lab(87.46% -50.4 83.48)
LCH
lch(87.46% 97.51 121.12)
OKLAB
oklab(0.875 -0.1454 0.1787)
OKLCH
oklch(0.875 0.2304 129.13)
XYZ
xyz(47.05, 70.94, 11.63)
CMYK
cmyk(32%, 0%, 94%, 5%)
CSS
color: #a5f10e;
CSS variable
--color-a5f10e: #a5f10e;
SCSS
$color-a5f10e: #a5f10e;
Tailwind
yellow-500
Export
:root {
--#a5f10e-1: #a5f10e;
}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.