Preview
#ff8000
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.52:1 · vs black: 8.34:1
HEX
#ff8000
RGB
rgb(255, 128, 0)
RGBA
rgba(255, 128, 0, 1)
HSL
hsl(30, 100%, 50%)
HSV
hsv(30, 100%, 100%)
LAB
lab(67.05% 42.83 74.02)
LCH
lch(67.05% 85.52 59.95)
OKLAB
oklab(0.7319 0.1119 0.1484)
OKLCH
oklch(0.7319 0.1859 52.98)
XYZ
xyz(48.96, 36.70, 4.51)
CMYK
cmyk(0%, 50%, 100%, 0%)
CSS
color: #ff8000;
CSS variable
--color-ff8000: #ff8000;
SCSS
$color-ff8000: #ff8000;
Tailwind
red-500
Export
:root {
--#ff8000-1: #ff8000;
}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.