Preview
#a79d8f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.67:1 · vs black: 7.86:1
HEX
#a79d8f
RGB
rgb(167, 157, 143)
RGBA
rgba(167, 157, 143, 1)
HSL
hsl(35, 12%, 61%)
HSV
hsv(35, 14%, 65%)
LAB
lab(65.21% 1.2 8.63)
LCH
lch(65.21% 8.71 82.08)
OKLAB
oklab(0.7006 0.0054 0.0225)
OKLCH
oklch(0.7006 0.0231 76.5)
XYZ
xyz(32.95, 34.31, 30.87)
CMYK
cmyk(0%, 6%, 14%, 35%)
CSS
color: #a79d8f;
CSS variable
--color-a79d8f: #a79d8f;
SCSS
$color-a79d8f: #a79d8f;
Tailwind
red-300
Export
:root {
--#a79d8f-1: #a79d8f;
}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.