#E2BC6F Hex Color

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

Hex color #e2bc6f graphic
#e2bc6f is a warm, unsaturated yellow with a distinct golden softness. Because it lacks harsh saturation, it pairs comfortably with deep charcoal grays for a grounded, modern look. The hex code for this mellow shade is #e2bc6f. While it works as a gentle background, use it sparingly in UI designs, as its muted tone can easily wash out against pure white elements.

Questions about #e2bc6f

What is #e2bc6f in RGB, HSL and CMYK?
In RGB, #e2bc6f is rgb(226, 188, 111), in HSL hsl(40, 66%, 66%) and in CMYK 0%, 17%, 51%, 11%.
What colors pair best with #e2bc6f?
#e2bc6f works exceptionally well when contrasted against deep charcoal grays or matte blacks, which ground its softness. To create a cohesive look, try pairing it with muted sage greens or dusty blues to maintain a natural, earthy, and sophisticated aesthetic.
How can I use #e2bc6f effectively in UI design?
Because #e2bc6f is a muted, low-saturation yellow, it risks washing out against pure white backgrounds if used for text or thin lines. Instead, reserve this shade for larger block elements, button backgrounds, or as an accent color alongside deeper, neutral tones.
Is #e2bc6f readable on white or black?
#e2bc6f has a 1.80:1 contrast ratio on white and 11.65: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.