Preview
#cbc5b3
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.18:1
HEX
#cbc5b3
RGB
rgb(203, 197, 179)
RGBA
rgba(203, 197, 179, 1)
HSL
hsl(45, 19%, 75%)
HSV
hsv(45, 12%, 80%)
LAB
lab(79.55% -1 9.77)
LCH
lch(79.55% 9.82 95.84)
OKLAB
oklab(0.8234 -0.0007 0.0255)
OKLCH
oklch(0.8234 0.0255 91.57)
XYZ
xyz(52.73, 55.88, 50.65)
CMYK
cmyk(0%, 3%, 12%, 20%)
CSS
color: #cbc5b3;
CSS variable
--color-cbc5b3: #cbc5b3;
SCSS
$color-cbc5b3: #cbc5b3;
Tailwind
orange-200
Export
:root {
--#cbc5b3-1: #cbc5b3;
}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.