Preview
#a68877
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.28:1 · vs black: 6.41:1
HEX
#a68877
RGB
rgb(166, 136, 119)
RGBA
rgba(166, 136, 119, 1)
HSL
hsl(22, 21%, 56%)
HSV
hsv(22, 28%, 65%)
LAB
lab(59.02% 8.78 13.42)
LCH
lch(59.02% 16.04 56.81)
OKLAB
oklab(0.65 0.0278 0.0345)
OKLCH
oklch(0.65 0.0443 51.14)
XYZ
xyz(27.86, 27.05, 21.20)
CMYK
cmyk(0%, 18%, 28%, 35%)
CSS
color: #a68877;
CSS variable
--color-a68877: #a68877;
SCSS
$color-a68877: #a68877;
Tailwind
red-400
Export
:root {
--#a68877-1: #a68877;
}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.