Preview
#cecdb4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.02:1
HEX
#cecdb4
RGB
rgb(206, 205, 180)
RGBA
rgba(206, 205, 180, 1)
HSL
hsl(58, 21%, 76%)
HSV
hsv(58, 13%, 81%)
LAB
lab(81.88% -3.93 12.59)
LCH
lch(81.88% 13.19 107.34)
OKLAB
oklab(0.8424 -0.0089 0.0326)
OKLCH
oklch(0.8424 0.0338 105.27)
XYZ
xyz(55.52, 60.08, 51.84)
CMYK
cmyk(0%, 0%, 13%, 19%)
CSS
color: #cecdb4;
CSS variable
--color-cecdb4: #cecdb4;
SCSS
$color-cecdb4: #cecdb4;
Tailwind
orange-200
Export
:root {
--#cecdb4-1: #cecdb4;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.