#AAB558 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted olive-yellow, #aab558 brings an organic feel to digital projects. It works best as an accent color, as large fills can sometimes read muddy. Designers often pair this shade with deep, cool grays for a balanced palette. Because it maintains high contrast for black text, the hex code #aab558 offers a softer, more readable alternative to typical high-energy yellows.
Questions about #aab558
What is #aab558 in RGB, HSL and CMYK?
In RGB, #aab558 is rgb(170, 181, 88), in HSL hsl(67, 39%, 53%) and in CMYK 6%, 0%, 51%, 29%.
What colors pair well with #aab558?
#aab558 pairs best with dark, neutral tones like charcoal or deep slate to anchor its muddier yellow undertones. Using it alongside high-contrast black text or dark, desaturated blues creates a balanced, professional, and organic visual hierarchy for digital interfaces.
How can I prevent #aab558 from looking muddy?
Reserve #aab558 as a deliberate accent rather than a background fill to keep it from dominating the space. By applying it to buttons or icons against neutral, cool-toned backgrounds, you maintain the intended organic feel while ensuring the text remains highly readable.
Is #aab558 readable on white or black?
#aab558 has a 2.21:1 contrast ratio on white and 9.45: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.