Preview
#cec9ba
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.69:1
HEX
#cec9ba
RGB
rgb(206, 201, 186)
RGBA
rgba(206, 201, 186, 1)
HSL
hsl(45, 17%, 77%)
HSV
hsv(45, 10%, 81%)
LAB
lab(80.98% -0.86 8.11)
LCH
lch(80.98% 8.16 96.05)
OKLAB
oklab(0.8358 -0.0006 0.0212)
OKLCH
oklch(0.8358 0.0212 91.62)
XYZ
xyz(55.20, 58.44, 54.82)
CMYK
cmyk(0%, 2%, 10%, 19%)
CSS
color: #cec9ba;
CSS variable
--color-cec9ba: #cec9ba;
SCSS
$color-cec9ba: #cec9ba;
Tailwind
orange-200
Export
:root {
--#cec9ba-1: #cec9ba;
}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.