Preview
#a1a178
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.66:1 · vs black: 7.88:1
HEX
#a1a178
RGB
rgb(161, 161, 120)
RGBA
rgba(161, 161, 120, 1)
HSL
hsl(60, 18%, 55%)
HSV
hsv(60, 25%, 63%)
LAB
lab(65.3% -6.86 21.43)
LCH
lch(65.3% 22.5 107.75)
OKLAB
oklab(0.6984 -0.0173 0.0541)
OKLCH
oklch(0.6984 0.0568 107.73)
XYZ
xyz(30.83, 34.42, 22.79)
CMYK
cmyk(0%, 0%, 25%, 37%)
CSS
color: #a1a178;
CSS variable
--color-a1a178: #a1a178;
SCSS
$color-a1a178: #a1a178;
Tailwind
amber-400
Export
:root {
--#a1a178-1: #a1a178;
}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.