Preview
#a2a291
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.59:1 · vs black: 8.11:1
HEX
#a2a291
RGB
rgb(162, 162, 145)
RGBA
rgba(162, 162, 145, 1)
HSL
hsl(60, 8%, 60%)
HSV
hsv(60, 10%, 64%)
LAB
lab(66.19% -3.08 8.85)
LCH
lch(66.19% 9.37 109.19)
OKLAB
oklab(0.7074 -0.007 0.023)
OKLCH
oklch(0.7074 0.024 106.93)
XYZ
xyz(32.93, 35.57, 31.91)
CMYK
cmyk(0%, 0%, 10%, 36%)
CSS
color: #a2a291;
CSS variable
--color-a2a291: #a2a291;
SCSS
$color-a2a291: #a2a291;
Tailwind
amber-400
Export
:root {
--#a2a291-1: #a2a291;
}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.