Preview
#d1d3c5
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#d1d3c5
RGB
rgb(209, 211, 197)
RGBA
rgba(209, 211, 197, 1)
HSL
hsl(69, 14%, 80%)
HSV
hsv(69, 7%, 83%)
LAB
lab(84.06% -3.16 6.69)
LCH
lch(84.06% 7.4 115.28)
OKLAB
oklab(0.8614 -0.0076 0.0175)
OKLCH
oklch(0.8614 0.0191 113.47)
XYZ
xyz(59.67, 64.18, 62.06)
CMYK
cmyk(1%, 0%, 7%, 17%)
CSS
color: #d1d3c5;
CSS variable
--color-d1d3c5: #d1d3c5;
SCSS
$color-d1d3c5: #d1d3c5;
Tailwind
amber-200
Export
:root {
--#d1d3c5-1: #d1d3c5;
}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.