#E0B300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, golden yellow projects a high-energy warmth that demands attention. Because it is highly saturated, #e0b300 works best as an accent color for buttons or call-to-action elements rather than a large background. It pairs exceptionally well with deep charcoal grays to create a classic, high-contrast look. The hex code for this bold, optimistic yellow is #e0b300.
Questions about #e0b300
What is #e0b300 in RGB, HSL and CMYK?
In RGB, #e0b300 is rgb(224, 179, 0), in HSL hsl(48, 100%, 44%) and in CMYK 0%, 20%, 100%, 12%.
How can #e0b300 be used effectively in UI design?
Because of its high saturation, #e0b300 is best utilized as an accent color for call-to-action buttons or highlights rather than as a large background fill. It commands attention and pairs exceptionally well with deep charcoal or dark navy text to ensure high contrast and readability.
Does #e0b300 lean warm or cool in color theory?
#e0b300 is definitively a warm, high-energy hue that brings a sense of optimism and sunlight to a design. It carries strong golden undertones that prevent it from looking like a flat, sterile yellow, making it perfect for brands wanting to convey friendly, active energy.
Is #e0b300 readable on white or black?
#e0b300 has a 1.97:1 contrast ratio on white and 10.61: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.