Preview
#cec7a4
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.7:1 · vs black: 12.33:1
HEX
#cec7a4
RGB
rgb(206, 199, 164)
RGBA
rgba(206, 199, 164, 1)
HSL
hsl(50, 30%, 73%)
HSV
hsv(50, 20%, 81%)
LAB
lab(79.98% -3.27 18.43)
LCH
lch(79.98% 18.72 100.06)
OKLAB
oklab(0.8263 -0.0066 0.0472)
OKLCH
oklch(0.8263 0.0477 97.96)
XYZ
xyz(52.58, 56.65, 43.28)
CMYK
cmyk(0%, 3%, 20%, 19%)
CSS
color: #cec7a4;
CSS variable
--color-cec7a4: #cec7a4;
SCSS
$color-cec7a4: #cec7a4;
Tailwind
orange-200
Export
:root {
--#cec7a4-1: #cec7a4;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.