Preview
#a7a56d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.55:1 · vs black: 8.25:1
HEX
#a7a56d
RGB
rgb(167, 165, 109)
RGBA
rgba(167, 165, 109, 1)
HSL
hsl(58, 25%, 54%)
HSV
hsv(58, 35%, 65%)
LAB
lab(66.7% -8.06 29.34)
LCH
lch(66.7% 30.43 105.36)
OKLAB
oklab(0.7101 -0.0214 0.0725)
OKLCH
oklch(0.7101 0.0756 106.45)
XYZ
xyz(32.15, 36.23, 19.76)
CMYK
cmyk(0%, 1%, 35%, 35%)
CSS
color: #a7a56d;
CSS variable
--color-a7a56d: #a7a56d;
SCSS
$color-a7a56d: #a7a56d;
Tailwind
orange-400
Export
:root {
--#a7a56d-1: #a7a56d;
}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.