Preview
#f8b797
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.21:1
HEX
#f8b797
RGB
rgb(248, 183, 151)
RGBA
rgba(248, 183, 151, 1)
HSL
hsl(20, 87%, 78%)
HSV
hsv(20, 39%, 97%)
LAB
lab(79.65% 19.56 25.51)
LCH
lch(79.65% 32.15 52.52)
OKLAB
oklab(0.8319 0.0593 0.0642)
OKLCH
oklch(0.8319 0.0874 47.27)
XYZ
xyz(61.23, 56.06, 36.87)
CMYK
cmyk(0%, 26%, 39%, 3%)
CSS
color: #f8b797;
CSS variable
--color-f8b797: #f8b797;
SCSS
$color-f8b797: #f8b797;
Tailwind
red-200
Export
:root {
--#f8b797-1: #f8b797;
}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.