Preview
#a4aa65
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.47:1 · vs black: 8.52:1
HEX
#a4aa65
RGB
rgb(164, 170, 101)
RGBA
rgba(164, 170, 101, 1)
HSL
hsl(65, 29%, 53%)
HSV
hsv(65, 41%, 67%)
LAB
lab(67.71% -12.87 34.82)
LCH
lch(67.71% 37.12 110.29)
OKLAB
oklab(0.7171 -0.0356 0.0847)
OKLCH
oklch(0.7171 0.0919 112.8)
XYZ
xyz(32.03, 37.58, 17.88)
CMYK
cmyk(4%, 0%, 41%, 33%)
CSS
color: #a4aa65;
CSS variable
--color-a4aa65: #a4aa65;
SCSS
$color-a4aa65: #a4aa65;
Tailwind
amber-400
Export
:root {
--#a4aa65-1: #a4aa65;
}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.