Preview
#dc7938
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.07:1 · vs black: 6.84:1
HEX
#dc7938
RGB
rgb(220, 121, 56)
RGBA
rgba(220, 121, 56, 1)
HSL
hsl(24, 70%, 54%)
HSV
hsv(24, 75%, 86%)
LAB
lab(60.94% 33.67 50.96)
LCH
lch(60.94% 61.08 56.55)
OKLAB
oklab(0.6758 0.0918 0.113)
OKLCH
oklch(0.6758 0.1456 50.91)
XYZ
xyz(37.07, 29.18, 7.42)
CMYK
cmyk(0%, 45%, 75%, 14%)
CSS
color: #dc7938;
CSS variable
--color-dc7938: #dc7938;
SCSS
$color-dc7938: #dc7938;
Tailwind
red-400
Export
:root {
--#dc7938-1: #dc7938;
}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.