Preview
#d6d7cc
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.45:1
HEX
#d6d7cc
RGB
rgb(214, 215, 204)
RGBA
rgba(214, 215, 204, 1)
HSL
hsl(65, 12%, 82%)
HSV
hsv(65, 5%, 84%)
LAB
lab(85.63% -2.29 5.3)
LCH
lch(85.63% 5.77 113.37)
OKLAB
oklab(0.8753 -0.0053 0.0139)
OKLCH
oklch(0.8753 0.0149 110.87)
XYZ
xyz(62.93, 67.26, 66.78)
CMYK
cmyk(0%, 0%, 5%, 16%)
CSS
color: #d6d7cc;
CSS variable
--color-d6d7cc: #d6d7cc;
SCSS
$color-d6d7cc: #d6d7cc;
Tailwind
amber-100
Export
:root {
--#d6d7cc-1: #d6d7cc;
}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.