Preview
#a45d0a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 5.06:1 · vs black: 4.15:1
HEX
#a45d0a
RGB
rgb(164, 93, 10)
RGBA
rgba(164, 93, 10, 1)
HSL
hsl(32, 89%, 34%)
HSV
hsv(32, 94%, 64%)
LAB
lab(46.64% 23.79 52.62)
LCH
lch(46.64% 57.75 65.67)
OKLAB
oklab(0.5488 0.0605 0.1085)
OKLCH
oklch(0.5488 0.1242 60.86)
XYZ
xyz(19.28, 15.75, 2.31)
CMYK
cmyk(0%, 43%, 94%, 36%)
CSS
color: #a45d0a;
CSS variable
--color-a45d0a: #a45d0a;
SCSS
$color-a45d0a: #a45d0a;
Tailwind
red-600
Export
:root {
--#a45d0a-1: #a45d0a;
}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.