Preview
#ffddd2
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.53:1
HEX
#ffddd2
RGB
rgb(255, 221, 210)
RGBA
rgba(255, 221, 210, 1)
HSL
hsl(15, 100%, 91%)
HSV
hsv(15, 18%, 100%)
LAB
lab(90.61% 10.05 9.73)
LCH
lch(90.61% 13.99 44.07)
OKLAB
oklab(0.9229 0.0318 0.0255)
OKLCH
oklch(0.9229 0.0408 38.73)
XYZ
xyz(78.73, 77.63, 71.80)
CMYK
cmyk(0%, 13%, 18%, 0%)
CSS
color: #ffddd2;
CSS variable
--color-ffddd2: #ffddd2;
SCSS
$color-ffddd2: #ffddd2;
Tailwind
slate-50
Export
:root {
--#ffddd2-1: #ffddd2;
}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.