Preview
#c4d9a6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.82:1
HEX
#c4d9a6
RGB
rgb(196, 217, 166)
RGBA
rgba(196, 217, 166, 1)
HSL
hsl(85, 40%, 75%)
HSV
hsv(85, 24%, 85%)
LAB
lab(84.03% -15.86 22.85)
LCH
lch(84.03% 27.81 124.76)
OKLAB
oklab(0.8566 -0.0423 0.0581)
OKLCH
oklch(0.8566 0.0719 126.06)
XYZ
xyz(54.46, 64.11, 45.58)
CMYK
cmyk(10%, 0%, 24%, 15%)
CSS
color: #c4d9a6;
CSS variable
--color-c4d9a6: #c4d9a6;
SCSS
$color-c4d9a6: #c4d9a6;
Tailwind
yellow-200
Export
:root {
--#c4d9a6-1: #c4d9a6;
}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.