Preview
#aba549
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.56:1 · vs black: 8.21:1
HEX
#aba549
RGB
rgb(171, 165, 73)
RGBA
rgba(171, 165, 73, 1)
HSL
hsl(56, 40%, 48%)
HSV
hsv(56, 57%, 67%)
LAB
lab(66.56% -10.01 47.52)
LCH
lch(66.56% 48.56 101.9)
OKLAB
oklab(0.7082 -0.0306 0.1102)
OKLCH
oklch(0.7082 0.1144 105.52)
XYZ
xyz(31.45, 36.05, 11.60)
CMYK
cmyk(0%, 4%, 57%, 33%)
CSS
color: #aba549;
CSS variable
--color-aba549: #aba549;
SCSS
$color-aba549: #aba549;
Tailwind
orange-500
Export
:root {
--spectrum-#aba549-1: #aba549;
}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.