Preview
#aac983
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.39:1
HEX
#aac983
RGB
rgb(170, 201, 131)
RGBA
rgba(170, 201, 131, 1)
HSL
hsl(87, 39%, 65%)
HSV
hsv(87, 35%, 79%)
LAB
lab(77.26% -22.46 31.65)
LCH
lch(77.26% 38.81 125.36)
OKLAB
oklab(0.796 -0.0612 0.0786)
OKLCH
oklch(0.796 0.0996 127.91)
XYZ
xyz(41.56, 51.96, 29.31)
CMYK
cmyk(15%, 0%, 35%, 21%)
CSS
color: #aac983;
CSS variable
--color-aac983: #aac983;
SCSS
$color-aac983: #aac983;
Tailwind
yellow-300
Export
:root {
--#aac983-1: #aac983;
}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.