#A3A380 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ashy yellow with strong olive undertones, #a3a380 brings a dusty, soft quality to any design. Because it offers excellent contrast with black text, it functions reliably as a neutral background for UI elements. Avoid pairing this tone with other light pastels, which can cause it to look muddy. Instead, use the hex code #a3a380 with deep charcoal or slate to ground the palette.
Questions about #a3a380
What is #a3a380 in RGB, HSL and CMYK?
In RGB, #a3a380 is rgb(163, 163, 128), in HSL hsl(60, 16%, 57%) and in CMYK 0%, 0%, 21%, 36%.
Why does #a3a380 look muddy near other pastels?
Light pastels often lack the saturation necessary to hold their own against #a3a380, causing this olive-toned yellow to appear dull or muddy by comparison. To keep your design looking crisp, rely on high-contrast neutrals like charcoal or deep slate to ground the palette effectively.
Is #a3a380 a good choice for UI backgrounds?
Yes, #a3a380 functions reliably as a neutral background for interface elements because it provides excellent contrast against standard black text. Its muted, ashy quality prevents it from overpowering your content, making it a safe choice for soft, modern, and readable UI designs.
Is #a3a380 readable on white or black?
#a3a380 has a 2.59:1 contrast ratio on white and 8.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.