Preview
#9ced5a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.67:1
HEX
#9ced5a
RGB
rgb(156, 237, 90)
RGBA
rgba(156, 237, 90, 1)
HSL
hsl(93, 80%, 64%)
HSV
hsv(93, 62%, 93%)
LAB
lab(86.19% -48.38 61.65)
LCH
lch(86.19% 78.37 128.12)
OKLAB
oklab(0.8646 -0.135 0.1425)
OKLCH
oklch(0.8646 0.1963 133.45)
XYZ
xyz(45.84, 68.37, 20.45)
CMYK
cmyk(34%, 0%, 62%, 7%)
CSS
color: #9ced5a;
CSS variable
--color-9ced5a: #9ced5a;
SCSS
$color-9ced5a: #9ced5a;
Tailwind
yellow-300
Export
:root {
--spectrum-#9ced5a-1: #9ced5a;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.