Preview
#fff7f2
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.84:1
HEX
#fff7f2
RGB
rgb(255, 247, 242)
RGBA
rgba(255, 247, 242, 1)
HSL
hsl(23, 100%, 97%)
HSV
hsv(23, 5%, 100%)
LAB
lab(97.71% 1.81 3.35)
LCH
lch(97.71% 3.81 61.62)
OKLAB
oklab(0.981 0.0063 0.0089)
OKLCH
oklch(0.981 0.0109 54.71)
XYZ
xyz(90.53, 94.19, 97.40)
CMYK
cmyk(0%, 3%, 5%, 0%)
CSS
color: #fff7f2;
CSS variable
--color-fff7f2: #fff7f2;
SCSS
$color-fff7f2: #fff7f2;
Tailwind
red-50
Export
:root {
--#fff7f2-1: #fff7f2;
}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.