Preview
#c7c5ae
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.03:1
HEX
#c7c5ae
RGB
rgb(199, 197, 174)
RGBA
rgba(199, 197, 174, 1)
HSL
hsl(55, 18%, 73%)
HSV
hsv(55, 13%, 78%)
LAB
lab(79.12% -3.26 11.8)
LCH
lch(79.12% 12.24 105.44)
OKLAB
oklab(0.8188 -0.0071 0.0306)
OKLCH
oklch(0.8188 0.0314 103.06)
XYZ
xyz(51.16, 55.13, 47.98)
CMYK
cmyk(0%, 1%, 13%, 22%)
CSS
color: #c7c5ae;
CSS variable
--color-c7c5ae: #c7c5ae;
SCSS
$color-c7c5ae: #c7c5ae;
Tailwind
orange-200
Export
:root {
--#c7c5ae-1: #c7c5ae;
}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.