#E2BD2C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e2bd2c graphic
This saturated golden yellow packs a punch with high visibility and energetic warmth. Because it has such a strong visual presence, #e2bd2c works best as a 10% accent color rather than a main background. Pair it with charcoal gray or deep navy to ground its intensity. The hex code for this lively shade is #e2bd2c, which offers excellent contrast for black text in UI layouts.

Questions about #e2bd2c

What is #e2bd2c in RGB, HSL and CMYK?
In RGB, #e2bd2c is rgb(226, 189, 44), in HSL hsl(48, 76%, 53%) and in CMYK 0%, 16%, 81%, 11%.
How should I use #e2bd2c in a design layout?
#e2bd2c is best used sparingly as a high-impact accent color rather than a primary background shade. Because it carries significant visual weight, restricting it to 10% of your total composition prevents it from overwhelming your layout while maintaining its energetic appeal.
What colors pair well with #e2bd2c?
You can ground the intense warmth of #e2bd2c by pairing it with charcoal or navy tones. These dark neutrals create a strong contrast that makes the yellow pop without appearing chaotic, helping you achieve a sophisticated and readable UI design.
Is #e2bd2c readable on white or black?
#e2bd2c has a 1.81:1 contrast ratio on white and 11.54: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.