Preview
#a0a080
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.68:1 · vs black: 7.83:1
HEX
#a0a080
RGB
rgb(160, 160, 128)
RGBA
rgba(160, 160, 128, 1)
HSL
hsl(60, 14%, 56%)
HSV
hsv(60, 20%, 63%)
LAB
lab(65.1% -5.53 16.74)
LCH
lch(65.1% 17.63 108.28)
OKLAB
oklab(0.6972 -0.0135 0.0427)
OKLCH
oklch(0.6972 0.0448 107.54)
XYZ
xyz(30.96, 34.17, 25.38)
CMYK
cmyk(0%, 0%, 20%, 37%)
CSS
color: #a0a080;
CSS variable
--color-a0a080: #a0a080;
SCSS
$color-a0a080: #a0a080;
Tailwind
amber-400
Export
:root {
--#a0a080-1: #a0a080;
}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.