Preview
#a5a573
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.55:1 · vs black: 8.23:1
HEX
#a5a573
RGB
rgb(165, 165, 115)
RGBA
rgba(165, 165, 115, 1)
HSL
hsl(60, 22%, 55%)
HSV
hsv(60, 30%, 65%)
LAB
lab(66.63% -8.1 26)
LCH
lch(66.63% 27.23 107.3)
OKLAB
oklab(0.7095 -0.0211 0.0649)
OKLCH
oklch(0.7095 0.0682 108.01)
XYZ
xyz(32.07, 36.15, 21.50)
CMYK
cmyk(0%, 0%, 30%, 35%)
CSS
color: #a5a573;
CSS variable
--color-a5a573: #a5a573;
SCSS
$color-a5a573: #a5a573;
Tailwind
amber-400
Export
:root {
--#a5a573-1: #a5a573;
}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.