Preview
#a1cb62
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.23:1
HEX
#a1cb62
RGB
rgb(161, 203, 98)
RGBA
rgba(161, 203, 98, 1)
HSL
hsl(84, 50%, 59%)
HSV
hsv(84, 52%, 80%)
LAB
lab(76.78% -30.75 47.4)
LCH
lch(76.78% 56.5 122.97)
OKLAB
oklab(0.7892 -0.086 0.1125)
OKLCH
oklch(0.7892 0.1416 127.4)
XYZ
xyz(38.26, 51.17, 19.41)
CMYK
cmyk(21%, 0%, 52%, 20%)
CSS
color: #a1cb62;
CSS variable
--color-a1cb62: #a1cb62;
SCSS
$color-a1cb62: #a1cb62;
Tailwind
yellow-400
Export
:root {
--spectrum-#a1cb62-1: #a1cb62;
}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.