Preview
#f05d14
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.34:1 · vs black: 6.28:1
HEX
#f05d14
RGB
rgb(240, 93, 20)
RGBA
rgba(240, 93, 20, 1)
HSL
hsl(20, 88%, 51%)
HSV
hsv(20, 92%, 94%)
LAB
lab(58.42% 53.84 63.81)
LCH
lch(58.42% 83.49 49.84)
OKLAB
oklab(0.6619 0.1467 0.1289)
OKLCH
oklch(0.6619 0.1953 41.3)
XYZ
xyz(39.98, 26.41, 3.65)
CMYK
cmyk(0%, 61%, 92%, 6%)
CSS
color: #f05d14;
CSS variable
--color-f05d14: #f05d14;
SCSS
$color-f05d14: #f05d14;
Tailwind
red-400
Export
:root {
--#f05d14-1: #f05d14;
}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.