#D8B102 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense mustard yellow carries high saturation, reading as a bold, energetic accent rather than a base. Because it commands attention, #d8b102 works effectively for sale buttons or call-to-action elements. Avoid using it for large-scale backgrounds, as its brightness can quickly overwhelm a UI. Pair this hex code with dark charcoal for sharp, readable contrast that feels professional and intentional.
Questions about #d8b102
What is #d8b102 in RGB, HSL and CMYK?
In RGB, #d8b102 is rgb(216, 177, 2), in HSL hsl(49, 98%, 43%) and in CMYK 0%, 18%, 99%, 15%.
What colors pair best with #d8b102 for a professional UI design?
This mustard yellow works best when anchored by charcoal or deep slate grays to provide necessary contrast for accessibility. Using #d8b102 against high-contrast neutrals ensures buttons remain readable and professional without overwhelming the layout.
Should #d8b102 be used for large backgrounds or UI elements?
Avoid using #d8b102 as a primary background color because its high saturation and intensity can quickly overwhelm users. Instead, reserve this shade for tactical elements like alert banners, sale buttons, or small highlights that demand immediate attention.
Is #d8b102 readable on white or black?
#d8b102 has a 2.05:1 contrast ratio on white and 10.20: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.