Preview
#ff884d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.88:1
HEX
#ff884d
RGB
rgb(255, 136, 77)
RGBA
rgba(255, 136, 77, 1)
HSL
hsl(20, 100%, 65%)
HSV
hsv(20, 70%, 100%)
LAB
lab(69.05% 40.75 50.96)
LCH
lch(69.05% 65.25 51.35)
OKLAB
oklab(0.7484 0.1137 0.1155)
OKLCH
oklch(0.7484 0.1621 45.45)
XYZ
xyz(51.39, 39.41, 11.92)
CMYK
cmyk(0%, 47%, 70%, 0%)
CSS
color: #ff884d;
CSS variable
--color-ff884d: #ff884d;
SCSS
$color-ff884d: #ff884d;
Tailwind
red-300
Export
:root {
--#ff884d-1: #ff884d;
}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.