Preview
#c9c9ae
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.45:1
HEX
#c9c9ae
RGB
rgb(201, 201, 174)
RGBA
rgba(201, 201, 174, 1)
HSL
hsl(60, 20%, 74%)
HSV
hsv(60, 13%, 79%)
LAB
lab(80.32% -4.63 13.52)
LCH
lch(80.32% 14.29 108.9)
OKLAB
oklab(0.8287 -0.0108 0.035)
OKLCH
oklch(0.8287 0.0366 107.15)
XYZ
xyz(52.61, 57.25, 48.31)
CMYK
cmyk(0%, 0%, 13%, 21%)
CSS
color: #c9c9ae;
CSS variable
--color-c9c9ae: #c9c9ae;
SCSS
$color-c9c9ae: #c9c9ae;
Tailwind
amber-200
Export
:root {
--#c9c9ae-1: #c9c9ae;
}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.