Preview
#cdcbbc
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.86:1
HEX
#cdcbbc
RGB
rgb(205, 203, 188)
RGBA
rgba(205, 203, 188, 1)
HSL
hsl(53, 15%, 77%)
HSV
hsv(53, 8%, 80%)
LAB
lab(81.47% -1.93 7.72)
LCH
lch(81.47% 7.96 104.04)
OKLAB
oklab(0.8396 -0.0038 0.0202)
OKLCH
oklch(0.8396 0.0206 100.65)
XYZ
xyz(55.61, 59.32, 56.09)
CMYK
cmyk(0%, 1%, 8%, 20%)
CSS
color: #cdcbbc;
CSS variable
--color-cdcbbc: #cdcbbc;
SCSS
$color-cdcbbc: #cdcbbc;
Tailwind
orange-200
Export
:root {
--#cdcbbc-1: #cdcbbc;
}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.