Preview
#d97a26
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.11:1 · vs black: 6.76:1
HEX
#d97a26
RGB
rgb(217, 122, 38)
RGBA
rgba(217, 122, 38, 1)
HSL
hsl(28, 70%, 50%)
HSV
hsv(28, 82%, 85%)
LAB
lab(60.62% 31.27 58.15)
LCH
lch(60.62% 66.02 61.73)
OKLAB
oklab(0.6721 0.0823 0.1241)
OKLCH
oklch(0.6721 0.1489 56.45)
XYZ
xyz(35.93, 28.81, 5.50)
CMYK
cmyk(0%, 44%, 82%, 15%)
CSS
color: #d97a26;
CSS variable
--color-d97a26: #d97a26;
SCSS
$color-d97a26: #d97a26;
Tailwind
red-500
Export
:root {
--#d97a26-1: #d97a26;
}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.