Preview
#c4c0b3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.54:1
HEX
#c4c0b3
RGB
rgb(196, 192, 179)
RGBA
rgba(196, 192, 179, 1)
HSL
hsl(46, 13%, 74%)
HSV
hsv(46, 9%, 77%)
LAB
lab(77.69% -0.89 7.04)
LCH
lch(77.69% 7.1 97.21)
OKLAB
oklab(0.8074 -0.0009 0.0184)
OKLCH
oklch(0.8074 0.0184 92.8)
XYZ
xyz(49.75, 52.69, 50.19)
CMYK
cmyk(0%, 2%, 9%, 23%)
CSS
color: #c4c0b3;
CSS variable
--color-c4c0b3: #c4c0b3;
SCSS
$color-c4c0b3: #c4c0b3;
Tailwind
orange-200
Export
:root {
--#c4c0b3-1: #c4c0b3;
}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.