#8A7021 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, olive-leaning yellow feels grounded and vintage. Because it is highly unsaturated, #8a7021 works best as a supporting accent rather than a dominant background color. It pairs surprisingly well with dusty blues or dark charcoal to add warmth without becoming overwhelming. As a bonus, white text remains highly readable over this shade, making it a functional choice for smaller UI elements.
Questions about #8a7021
What is #8a7021 in RGB, HSL and CMYK?
In RGB, #8a7021 is rgb(138, 112, 33), in HSL hsl(45, 61%, 34%) and in CMYK 0%, 19%, 76%, 46%. Browse more shades of brown with names and hex codes.
Which colors work best with #8a7021 in a design?
This vintage olive yellow pairs best with deep, neutral tones like charcoal or soft, muted shades like dusty blue to maintain balance. Because it is highly unsaturated, it functions best as a subtle accent rather than a primary background color.
Is #8a7021 a good choice for UI text?
Yes, #8a7021 works effectively for smaller UI elements because it maintains high readability against white backgrounds. It offers enough warmth to stand out without being as visually aggressive as a pure or bright primary yellow.
Is #8a7021 readable on white or black?
#8a7021 has a 4.75:1 contrast ratio on white and 4.42:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.