Preview
#dc9f6a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.28:1 · vs black: 9.21:1
HEX
#dc9f6a
RGB
rgb(220, 159, 106)
RGBA
rgba(220, 159, 106, 1)
HSL
hsl(28, 62%, 64%)
HSV
hsv(28, 52%, 86%)
LAB
lab(70.21% 16.68 36.47)
LCH
lch(70.21% 40.1 65.42)
OKLAB
oklab(0.7494 0.0481 0.0881)
OKLCH
oklch(0.7494 0.1004 61.37)
XYZ
xyz(44.52, 41.06, 19.21)
CMYK
cmyk(0%, 28%, 52%, 14%)
CSS
color: #dc9f6a;
CSS variable
--color-dc9f6a: #dc9f6a;
SCSS
$color-dc9f6a: #dc9f6a;
Tailwind
red-300
Export
:root {
--#dc9f6a-1: #dc9f6a;
}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.