Preview
#a79b89
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.73:1 · vs black: 7.69:1
HEX
#a79b89
RGB
rgb(167, 155, 137)
RGBA
rgba(167, 155, 137, 1)
HSL
hsl(36, 15%, 60%)
HSV
hsv(36, 18%, 65%)
LAB
lab(64.54% 1.32 11.03)
LCH
lch(64.54% 11.11 83.18)
OKLAB
oklab(0.6948 0.006 0.0286)
OKLCH
oklch(0.6948 0.0292 78.15)
XYZ
xyz(32.17, 33.46, 28.43)
CMYK
cmyk(0%, 7%, 18%, 35%)
CSS
color: #a79b89;
CSS variable
--color-a79b89: #a79b89;
SCSS
$color-a79b89: #a79b89;
Tailwind
red-400
Export
:root {
--#a79b89-1: #a79b89;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.