Preview
#ffecdc
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.28:1
HEX
#ffecdc
RGB
rgb(255, 236, 220)
RGBA
rgba(255, 236, 220, 1)
HSL
hsl(27, 100%, 93%)
HSV
hsv(27, 14%, 100%)
LAB
lab(94.49% 3.86 10.07)
LCH
lch(94.49% 10.78 69.03)
OKLAB
oklab(0.954 0.0137 0.0264)
OKLCH
oklch(0.954 0.0297 62.57)
XYZ
xyz(84.15, 86.42, 79.94)
CMYK
cmyk(0%, 7%, 14%, 0%)
CSS
color: #ffecdc;
CSS variable
--color-ffecdc: #ffecdc;
SCSS
$color-ffecdc: #ffecdc;
Tailwind
red-50
Export
:root {
--#ffecdc-1: #ffecdc;
}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.