Preview
#aad52a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.26:1
HEX
#aad52a
RGB
rgb(170, 213, 42)
RGBA
rgba(170, 213, 42, 1)
HSL
hsl(75, 67%, 50%)
HSV
hsv(75, 80%, 84%)
LAB
lab(79.79% -35.72 72.26)
LCH
lch(79.79% 80.61 116.3)
OKLAB
oklab(0.8136 -0.1049 0.1577)
OKLCH
oklch(0.8136 0.1894 123.63)
XYZ
xyz(40.79, 56.30, 10.91)
CMYK
cmyk(20%, 0%, 80%, 16%)
CSS
color: #aad52a;
CSS variable
--color-aad52a: #aad52a;
SCSS
$color-aad52a: #aad52a;
Tailwind
amber-500
Export
:root {
--#aad52a-1: #aad52a;
}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.