Preview
#f57c00
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.7:1 · vs black: 7.77:1
HEX
#f57c00
RGB
rgb(245, 124, 0)
RGBA
rgba(245, 124, 0, 1)
HSL
hsl(30, 100%, 48%)
HSV
hsv(30, 100%, 96%)
LAB
lab(64.83% 40.91 71.96)
LCH
lch(64.83% 82.78 60.38)
OKLAB
oklab(0.712 0.1066 0.1443)
OKLCH
oklch(0.712 0.1794 53.55)
XYZ
xyz(44.87, 33.83, 4.17)
CMYK
cmyk(0%, 49%, 100%, 4%)
CSS
color: #f57c00;
CSS variable
--color-f57c00: #f57c00;
SCSS
$color-f57c00: #f57c00;
Tailwind
red-500
Export
:root {
--material-orange-700-1: #f57c00;
}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.