Preview
#aa7255
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4:1 · vs black: 5.25:1
HEX
#aa7255
RGB
rgb(170, 114, 85)
RGBA
rgba(170, 114, 85, 1)
HSL
hsl(20, 33%, 50%)
HSV
hsv(20, 50%, 67%)
LAB
lab(53.21% 18.74 25.02)
LCH
lch(53.21% 31.26 53.17)
OKLAB
oklab(0.6036 0.0552 0.0614)
OKLCH
oklch(0.6036 0.0826 48.04)
XYZ
xyz(24.24, 21.24, 11.42)
CMYK
cmyk(0%, 33%, 50%, 33%)
CSS
color: #aa7255;
CSS variable
--color-aa7255: #aa7255;
SCSS
$color-aa7255: #aa7255;
Tailwind
red-500
Export
:root {
--#aa7255-1: #aa7255;
}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.