Preview
#caccc2
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.93:1
HEX
#caccc2
RGB
rgb(202, 204, 194)
RGBA
rgba(202, 204, 194, 1)
HSL
hsl(72, 9%, 78%)
HSV
hsv(72, 5%, 80%)
LAB
lab(81.64% -2.48 4.74)
LCH
lch(81.64% 5.35 117.62)
OKLAB
oklab(0.8408 -0.006 0.0124)
OKLCH
oklch(0.8408 0.0138 115.82)
XYZ
xyz(55.69, 59.64, 59.61)
CMYK
cmyk(1%, 0%, 5%, 20%)
CSS
color: #caccc2;
CSS variable
--color-caccc2: #caccc2;
SCSS
$color-caccc2: #caccc2;
Tailwind
amber-200
Export
:root {
--#caccc2-1: #caccc2;
}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.