Preview
#cbc7a8
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.27:1
HEX
#cbc7a8
RGB
rgb(203, 199, 168)
RGBA
rgba(203, 199, 168, 1)
HSL
hsl(53, 25%, 73%)
HSV
hsv(53, 17%, 80%)
LAB
lab(79.82% -3.79 16.05)
LCH
lch(79.82% 16.49 103.29)
OKLAB
oklab(0.8247 -0.0082 0.0413)
OKLCH
oklch(0.8247 0.0421 101.23)
XYZ
xyz(52.12, 56.37, 45.17)
CMYK
cmyk(0%, 2%, 17%, 20%)
CSS
color: #cbc7a8;
CSS variable
--color-cbc7a8: #cbc7a8;
SCSS
$color-cbc7a8: #cbc7a8;
Tailwind
orange-200
Export
:root {
--#cbc7a8-1: #cbc7a8;
}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.