Preview
#a4a475
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.58:1 · vs black: 8.15:1
HEX
#a4a475
RGB
rgb(164, 164, 117)
RGBA
rgba(164, 164, 117, 1)
HSL
hsl(60, 21%, 55%)
HSV
hsv(60, 29%, 64%)
LAB
lab(66.31% -7.7 24.47)
LCH
lch(66.31% 25.65 107.47)
OKLAB
oklab(0.7069 -0.0198 0.0613)
OKLCH
oklch(0.7069 0.0644 107.9)
XYZ
xyz(31.80, 35.73, 22.05)
CMYK
cmyk(0%, 0%, 29%, 36%)
CSS
color: #a4a475;
CSS variable
--color-a4a475: #a4a475;
SCSS
$color-a4a475: #a4a475;
Tailwind
amber-400
Export
:root {
--#a4a475-1: #a4a475;
}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.