Preview
#ffddcc
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.47:1
HEX
#ffddcc
RGB
rgb(255, 221, 204)
RGBA
rgba(255, 221, 204, 1)
HSL
hsl(20, 100%, 90%)
HSV
hsv(20, 20%, 100%)
LAB
lab(90.48% 9.16 12.68)
LCH
lch(90.48% 15.64 54.16)
OKLAB
oklab(0.9214 0.0295 0.033)
OKLCH
oklch(0.9214 0.0443 48.21)
XYZ
xyz(78.00, 77.33, 67.93)
CMYK
cmyk(0%, 13%, 20%, 0%)
CSS
color: #ffddcc;
CSS variable
--color-ffddcc: #ffddcc;
SCSS
$color-ffddcc: #ffddcc;
Tailwind
red-100
Export
:root {
--#ffddcc-1: #ffddcc;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.