Preview
#a7a674
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.52:1 · vs black: 8.35:1
HEX
#a7a674
RGB
rgb(167, 166, 116)
RGBA
rgba(167, 166, 116, 1)
HSL
hsl(59, 22%, 55%)
HSV
hsv(59, 31%, 65%)
LAB
lab(67.09% -7.7 26.09)
LCH
lch(67.09% 27.2 106.44)
OKLAB
oklab(0.7136 -0.02 0.0651)
OKLCH
oklch(0.7136 0.0681 107.08)
XYZ
xyz(32.73, 36.75, 21.89)
CMYK
cmyk(0%, 1%, 31%, 35%)
CSS
color: #a7a674;
CSS variable
--color-a7a674: #a7a674;
SCSS
$color-a7a674: #a7a674;
Tailwind
orange-400
Export
:root {
--#a7a674-1: #a7a674;
}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.