Preview
#adff2f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.12:1
HEX
#adff2f
RGB
rgb(173, 255, 47)
RGBA
rgba(173, 255, 47, 1)
HSL
hsl(84, 100%, 59%)
HSV
hsv(84, 82%, 100%)
LAB
lab(91.96% -52.48 81.86)
LCH
lch(91.96% 97.24 122.66)
OKLAB
oklab(0.913 -0.1501 0.1788)
OKLCH
oklch(0.913 0.2335 130.01)
XYZ
xyz(53.51, 80.61, 15.43)
CMYK
cmyk(32%, 0%, 82%, 0%)
CSS
color: #adff2f;
CSS variable
--color-adff2f: #adff2f;
SCSS
$color-adff2f: #adff2f;
Tailwind
yellow-400
Export
:root {
--greenyellow-1: #adff2f;
}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.