Preview
#9cc544
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2:1 · vs black: 10.48:1
HEX
#9cc544
RGB
rgb(156, 197, 68)
RGBA
rgba(156, 197, 68, 1)
HSL
hsl(79, 53%, 52%)
HSV
hsv(79, 65%, 77%)
LAB
lab(74.46% -32.47 58.01)
LCH
lch(74.46% 66.48 119.24)
OKLAB
oklab(0.7687 -0.0931 0.1321)
OKLCH
oklch(0.7687 0.1616 125.17)
XYZ
xyz(34.72, 47.42, 12.79)
CMYK
cmyk(21%, 0%, 65%, 23%)
CSS
color: #9cc544;
CSS variable
--color-9cc544: #9cc544;
SCSS
$color-9cc544: #9cc544;
Tailwind
amber-400
Export
:root {
--spectrum-#9cc544-1: #9cc544;
}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.