Preview
#f4d7c6
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.38:1
HEX
#f4d7c6
RGB
rgb(244, 215, 198)
RGBA
rgba(244, 215, 198, 1)
HSL
hsl(22, 68%, 87%)
HSV
hsv(22, 19%, 96%)
LAB
lab(87.93% 7.41 12.08)
LCH
lch(87.93% 14.17 58.47)
OKLAB
oklab(0.8987 0.0243 0.0315)
OKLCH
oklch(0.8987 0.0398 52.35)
XYZ
xyz(71.80, 71.91, 63.51)
CMYK
cmyk(0%, 12%, 19%, 4%)
CSS
color: #f4d7c6;
CSS variable
--color-f4d7c6: #f4d7c6;
SCSS
$color-f4d7c6: #f4d7c6;
Tailwind
red-100
Export
:root {
--#f4d7c6-1: #f4d7c6;
}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.