Preview
#df813a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.86:1 · vs black: 7.34:1
HEX
#df813a
RGB
rgb(223, 129, 58)
RGBA
rgba(223, 129, 58, 1)
HSL
hsl(26, 72%, 55%)
HSV
hsv(26, 74%, 87%)
LAB
lab(63.09% 30.78 52.38)
LCH
lch(63.09% 60.75 59.56)
OKLAB
oklab(0.6932 0.0832 0.1163)
OKLCH
oklch(0.6932 0.143 54.42)
XYZ
xyz(39.05, 31.70, 8.06)
CMYK
cmyk(0%, 42%, 74%, 13%)
CSS
color: #df813a;
CSS variable
--color-df813a: #df813a;
SCSS
$color-df813a: #df813a;
Tailwind
red-400
Export
:root {
--#df813a-1: #df813a;
}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.