Preview
#ff4800
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.4:1 · vs black: 6.18:1
HEX
#ff4800
RGB
rgb(255, 72, 0)
RGBA
rgba(255, 72, 0, 1)
HSL
hsl(17, 100%, 50%)
HSV
hsv(17, 100%, 100%)
LAB
lab(57.94% 66.78 69.13)
LCH
lch(57.94% 96.12 45.99)
OKLAB
oklab(0.6629 0.1839 0.1335)
OKLCH
oklch(0.6629 0.2272 35.98)
XYZ
xyz(43.56, 25.90, 2.71)
CMYK
cmyk(0%, 72%, 100%, 0%)
CSS
color: #ff4800;
CSS variable
--color-ff4800: #ff4800;
SCSS
$color-ff4800: #ff4800;
Tailwind
slate-500
Export
:root {
--#ff4800-1: #ff4800;
}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.