Preview
#a87244
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.07:1 · vs black: 5.16:1
HEX
#a87244
RGB
rgb(168, 114, 68)
RGBA
rgba(168, 114, 68, 1)
HSL
hsl(28, 42%, 46%)
HSV
hsv(28, 60%, 66%)
LAB
lab(52.71% 16.38 33.81)
LCH
lch(52.71% 37.57 64.15)
OKLAB
oklab(0.5984 0.046 0.0799)
OKLCH
oklch(0.5984 0.0922 60.07)
XYZ
xyz(23.21, 20.78, 8.26)
CMYK
cmyk(0%, 32%, 60%, 34%)
CSS
color: #a87244;
CSS variable
--color-a87244: #a87244;
SCSS
$color-a87244: #a87244;
Tailwind
red-500
Export
:root {
--#a87244-1: #a87244;
}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.