Preview
#c9e963
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.32:1
HEX
#c9e963
RGB
rgb(201, 233, 99)
RGBA
rgba(201, 233, 99, 1)
HSL
hsl(74, 75%, 65%)
HSV
hsv(74, 58%, 91%)
LAB
lab(87.77% -29.44 60.33)
LCH
lch(87.77% 67.13 116.01)
OKLAB
oklab(0.8845 -0.0845 0.14)
OKLCH
oklch(0.8845 0.1635 121.11)
XYZ
xyz(55.48, 71.60, 22.70)
CMYK
cmyk(14%, 0%, 58%, 9%)
CSS
color: #c9e963;
CSS variable
--color-c9e963: #c9e963;
SCSS
$color-c9e963: #c9e963;
Tailwind
amber-300
Export
:root {
--#c9e963-1: #c9e963;
}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.