Preview
#a48372
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.46:1 · vs black: 6.07:1
HEX
#a48372
RGB
rgb(164, 131, 114)
RGBA
rgba(164, 131, 114, 1)
HSL
hsl(20, 22%, 55%)
HSV
hsv(20, 30%, 64%)
LAB
lab(57.41% 10.09 14)
LCH
lch(57.41% 17.26 54.22)
OKLAB
oklab(0.6366 0.0315 0.0359)
OKLCH
oklch(0.6366 0.0478 48.74)
XYZ
xyz(26.46, 25.34, 19.41)
CMYK
cmyk(0%, 20%, 30%, 36%)
CSS
color: #a48372;
CSS variable
--color-a48372: #a48372;
SCSS
$color-a48372: #a48372;
Tailwind
red-400
Export
:root {
--#a48372-1: #a48372;
}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.