Preview
#fff7ed
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.78:1
HEX
#fff7ed
RGB
rgb(255, 247, 237)
RGBA
rgba(255, 247, 237, 1)
HSL
hsl(33, 100%, 96%)
HSV
hsv(33, 7%, 100%)
LAB
lab(97.59% 0.98 5.75)
LCH
lch(97.59% 5.83 80.33)
OKLAB
oklab(0.9796 0.0044 0.0151)
OKLCH
oklch(0.9796 0.0157 73.75)
XYZ
xyz(89.78, 93.90, 93.50)
CMYK
cmyk(0%, 3%, 7%, 0%)
CSS
color: #fff7ed;
CSS variable
--color-fff7ed: #fff7ed;
SCSS
$color-fff7ed: #fff7ed;
Tailwind
red-50
Export
:root {
--tailwind-orange-50-1: #fff7ed;
}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.