Preview
#d3d4cc
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.06:1
HEX
#d3d4cc
RGB
rgb(211, 212, 204)
RGBA
rgba(211, 212, 204, 1)
HSL
hsl(68, 9%, 82%)
HSV
hsv(68, 4%, 83%)
LAB
lab(84.64% -1.77 3.83)
LCH
lch(84.64% 4.22 114.8)
OKLAB
oklab(0.8669 -0.0042 0.0101)
OKLCH
oklch(0.8669 0.0109 112.58)
XYZ
xyz(61.30, 65.30, 66.49)
CMYK
cmyk(0%, 0%, 4%, 17%)
CSS
color: #d3d4cc;
CSS variable
--color-d3d4cc: #d3d4cc;
SCSS
$color-d3d4cc: #d3d4cc;
Tailwind
amber-100
Export
:root {
--#d3d4cc-1: #d3d4cc;
}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.