Preview
#f6ddd3
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.2:1
HEX
#f6ddd3
RGB
rgb(246, 221, 211)
RGBA
rgba(246, 221, 211, 1)
HSL
hsl(17, 66%, 90%)
HSV
hsv(17, 14%, 96%)
LAB
lab(89.86% 7 8.04)
LCH
lch(89.86% 10.66 48.96)
OKLAB
oklab(0.9153 0.0226 0.0211)
OKLCH
oklch(0.9153 0.0309 43.03)
XYZ
xyz(75.62, 76.01, 72.30)
CMYK
cmyk(0%, 10%, 14%, 4%)
CSS
color: #f6ddd3;
CSS variable
--color-f6ddd3: #f6ddd3;
SCSS
$color-f6ddd3: #f6ddd3;
Tailwind
slate-100
Export
:root {
--#f6ddd3-1: #f6ddd3;
}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.