Preview
#aa8e83
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.04:1 · vs black: 6.91:1
HEX
#aa8e83
RGB
rgb(170, 142, 131)
RGBA
rgba(170, 142, 131, 1)
HSL
hsl(17, 19%, 59%)
HSV
hsv(17, 23%, 67%)
LAB
lab(61.25% 8.78 9.79)
LCH
lch(61.25% 13.15 48.11)
OKLAB
oklab(0.6693 0.0277 0.0255)
OKLCH
oklch(0.6693 0.0377 42.63)
XYZ
xyz(30.35, 29.53, 25.57)
CMYK
cmyk(0%, 16%, 23%, 33%)
CSS
color: #aa8e83;
CSS variable
--color-aa8e83: #aa8e83;
SCSS
$color-aa8e83: #aa8e83;
Tailwind
slate-400
Export
:root {
--#aa8e83-1: #aa8e83;
}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.