Preview
#ddded4
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.47:1
HEX
#ddded4
RGB
rgb(221, 222, 212)
RGBA
rgba(221, 222, 212, 1)
HSL
hsl(66, 13%, 85%)
HSV
hsv(66, 5%, 87%)
LAB
lab(88.15% -2.1 4.78)
LCH
lch(88.15% 5.22 113.72)
OKLAB
oklab(0.897 -0.0049 0.0126)
OKLCH
oklch(0.897 0.0135 111.25)
XYZ
xyz(67.82, 72.37, 72.67)
CMYK
cmyk(0%, 0%, 5%, 13%)
CSS
color: #ddded4;
CSS variable
--color-ddded4: #ddded4;
SCSS
$color-ddded4: #ddded4;
Tailwind
amber-100
Export
:root {
--#ddded4-1: #ddded4;
}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.