#B0AD93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated yellow serves as a functional neutral for industrial or budget-focused design. Because of its muted, ashy quality, #b0ad93 feels less like a bright highlight and more like a work-site anchor. It pairs surprisingly well with deep charcoal, where the high contrast ensures excellent readability. Use it as a supporting tone rather than a dominant base to avoid washing out your interface.
Questions about #b0ad93
What is #b0ad93 in RGB, HSL and CMYK?
In RGB, #b0ad93 is rgb(176, 173, 147), in HSL hsl(54, 16%, 63%) and in CMYK 0%, 2%, 16%, 31%.
What colors pair well with the #b0ad93 hex color?
#b0ad93 pairs effectively with charcoal or deep navy, as the high contrast ensures excellent readability for text and interface elements. Avoid pairing it with similarly unsaturated pastels, which can cause the overall design to look washed out or muddy.
Is #b0ad93 suitable for primary interface elements?
Use #b0ad93 as a supporting tone or structural anchor rather than a dominant base color. Because of its muted, ashy quality, it lacks the vibrance needed for call-to-action buttons but excels as a background for industrial or minimalist-themed dashboards.
Is #b0ad93 readable on white or black?
#b0ad93 has a 2.27:1 contrast ratio on white and 9.24: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.