Deep Orange
#d3a892
Preview
#d3a892
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.15:1 · vs black: 9.79:1
HEX
#d3a892
RGB
rgb(211, 168, 146)
RGBA
rgba(211, 168, 146, 1)
HSL
hsl(20, 42%, 70%)
HSV
hsv(20, 31%, 83%)
LAB
lab(72.18% 12.62 17.37)
LCH
lch(72.18% 21.47 54)
OKLAB
oklab(0.765 0.0394 0.0445)
OKLCH
oklch(0.765 0.0594 48.48)
XYZ
xyz(46.06, 43.93, 33.24)
CMYK
cmyk(0%, 20%, 31%, 17%)
CSS
color: #d3a892;
CSS variable
--color-d3a892: #d3a892;
SCSS
$color-d3a892: #d3a892;
Tailwind
red-300
Export
:root {
--electric-flame-1: #d3a892;
}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.
Browse more in the color name library.