Preview
#fff8f3
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.97:1
HEX
#fff8f3
RGB
rgb(255, 248, 243)
RGBA
rgba(255, 248, 243, 1)
HSL
hsl(25, 100%, 98%)
HSV
hsv(25, 5%, 100%)
LAB
lab(97.98% 1.48 3.22)
LCH
lch(97.98% 3.54 65.32)
OKLAB
oklab(0.9832 0.0053 0.0085)
OKLCH
oklch(0.9832 0.01 58.06)
XYZ
xyz(90.98, 94.87, 98.29)
CMYK
cmyk(0%, 3%, 5%, 0%)
CSS
color: #fff8f3;
CSS variable
--color-fff8f3: #fff8f3;
SCSS
$color-fff8f3: #fff8f3;
Tailwind
red-50
Export
:root {
--#fff8f3-1: #fff8f3;
}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.