Preview
#a7a08d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.61:1 · vs black: 8.06:1
HEX
#a7a08d
RGB
rgb(167, 160, 141)
RGBA
rgba(167, 160, 141, 1)
HSL
hsl(44, 13%, 60%)
HSV
hsv(44, 16%, 65%)
LAB
lab(65.97% -0.77 10.82)
LCH
lch(65.97% 10.85 94.07)
OKLAB
oklab(0.7064 -0.0001 0.0281)
OKLCH
oklch(0.7064 0.0281 90.2)
XYZ
xyz(33.31, 35.28, 30.25)
CMYK
cmyk(0%, 4%, 16%, 35%)
CSS
color: #a7a08d;
CSS variable
--color-a7a08d: #a7a08d;
SCSS
$color-a7a08d: #a7a08d;
Tailwind
orange-400
Export
:root {
--#a7a08d-1: #a7a08d;
}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.