Preview
#c9c9a6
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.7:1 · vs black: 12.39:1
HEX
#c9c9a6
RGB
rgb(201, 201, 166)
RGBA
rgba(201, 201, 166, 1)
HSL
hsl(60, 24%, 72%)
HSV
hsv(60, 17%, 79%)
LAB
lab(80.15% -5.87 17.54)
LCH
lch(80.15% 18.5 108.5)
OKLAB
oklab(0.8268 -0.0141 0.045)
OKLCH
oklch(0.8268 0.0472 107.4)
XYZ
xyz(51.86, 56.94, 44.33)
CMYK
cmyk(0%, 0%, 17%, 21%)
CSS
color: #c9c9a6;
CSS variable
--color-c9c9a6: #c9c9a6;
SCSS
$color-c9c9a6: #c9c9a6;
Tailwind
amber-200
Export
:root {
--#c9c9a6-1: #c9c9a6;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.