Preview
#fff4f0
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.45:1
HEX
#fff4f0
RGB
rgb(255, 244, 240)
RGBA
rgba(255, 244, 240, 1)
HSL
hsl(16, 100%, 97%)
HSV
hsv(16, 6%, 100%)
LAB
lab(96.92% 3 3.24)
LCH
lch(96.92% 4.42 47.2)
OKLAB
oklab(0.9746 0.0098 0.0086)
OKLCH
oklch(0.9746 0.013 41.27)
XYZ
xyz(89.32, 92.25, 95.52)
CMYK
cmyk(0%, 4%, 6%, 0%)
CSS
color: #fff4f0;
CSS variable
--color-fff4f0: #fff4f0;
SCSS
$color-fff4f0: #fff4f0;
Tailwind
slate-50
Export
:root {
--#fff4f0-1: #fff4f0;
}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.