Preview
#9ed54a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.07:1
HEX
#9ed54a
RGB
rgb(158, 213, 74)
RGBA
rgba(158, 213, 74, 1)
HSL
hsl(84, 62%, 56%)
HSV
hsv(84, 65%, 84%)
LAB
lab(79.24% -38.57 60.69)
LCH
lch(79.24% 71.91 122.44)
OKLAB
oklab(0.8079 -0.1095 0.1385)
OKLCH
oklch(0.8079 0.1766 128.33)
XYZ
xyz(39.13, 55.35, 15.10)
CMYK
cmyk(26%, 0%, 65%, 16%)
CSS
color: #9ed54a;
CSS variable
--color-9ed54a: #9ed54a;
SCSS
$color-9ed54a: #9ed54a;
Tailwind
yellow-400
Export
:root {
--#9ed54a-1: #9ed54a;
}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.