Preview
#a9a986
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.41:1 · vs black: 8.71:1
HEX
#a9a986
RGB
rgb(169, 169, 134)
RGBA
rgba(169, 169, 134, 1)
HSL
hsl(60, 17%, 59%)
HSV
hsv(60, 21%, 66%)
LAB
lab(68.41% -5.96 18.13)
LCH
lch(68.41% 19.08 108.2)
OKLAB
oklab(0.7256 -0.0146 0.0462)
OKLCH
oklch(0.7256 0.0485 107.54)
XYZ
xyz(34.85, 38.53, 28.15)
CMYK
cmyk(0%, 0%, 21%, 34%)
CSS
color: #a9a986;
CSS variable
--color-a9a986: #a9a986;
SCSS
$color-a9a986: #a9a986;
Tailwind
amber-400
Export
:root {
--#a9a986-1: #a9a986;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.