How to use this color
Use #ABA71F as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.
Dark Goldenrod
Color values
#ABA71F is closest to Dark Goldenrod. Use these HEX, RGB, and HSL values in CSS, design systems, brand palettes, and palette generator workflows.
HEX
#ABA71F
RGB
rgb(171, 167, 31)
HSL
hsl(58, 69%, 40%)
Use #ABA71F as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.
Pair it with one lighter shade for surfaces and one darker shade for hover states, borders, or emphasis.
Need colors from an image? Use the Paletify image color picker to generate a complete palette from photos, screenshots, and artwork.