Preview
#a7a998
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.39:1 · vs black: 8.77:1
HEX
#a7a998
RGB
rgb(167, 169, 152)
RGBA
rgba(167, 169, 152, 1)
HSL
hsl(67, 9%, 63%)
HSV
hsv(67, 10%, 66%)
LAB
lab(68.65% -3.8 8.53)
LCH
lch(68.65% 9.34 114.01)
OKLAB
oklab(0.7284 -0.0092 0.0222)
OKLCH
oklch(0.7284 0.024 112.51)
XYZ
xyz(35.79, 38.86, 35.31)
CMYK
cmyk(1%, 0%, 10%, 34%)
CSS
color: #a7a998;
CSS variable
--color-a7a998: #a7a998;
SCSS
$color-a7a998: #a7a998;
Tailwind
amber-300
Export
:root {
--#a7a998-1: #a7a998;
}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.