Preview
#f4e6dc
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.2:1
HEX
#f4e6dc
RGB
rgb(244, 230, 220)
RGBA
rgba(244, 230, 220, 1)
HSL
hsl(25, 52%, 91%)
HSV
hsv(25, 10%, 96%)
LAB
lab(92.13% 3.08 6.57)
LCH
lch(92.13% 7.26 64.88)
OKLAB
oklab(0.9333 0.0108 0.0173)
OKLCH
oklch(0.9333 0.0204 58.02)
XYZ
xyz(78.52, 81.00, 79.19)
CMYK
cmyk(0%, 6%, 10%, 4%)
CSS
color: #f4e6dc;
CSS variable
--color-f4e6dc: #f4e6dc;
SCSS
$color-f4e6dc: #f4e6dc;
Tailwind
red-50
Export
:root {
--#f4e6dc-1: #f4e6dc;
}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.