#FFB200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Imperial Yellow is a high-energy, saturated gold that leans into orange. Because it commands attention, use hex code #ffb200 primarily as an accent for buttons or small details rather than a full background. It pairs exceptionally well with charcoal gray or deep navy for readable typography. This shade maintains enough contrast to support black text, making it a reliable choice for accessible, high-impact design elements.
Questions about Imperial Yellow
What is the hex code for Imperial Yellow?
Imperial Yellow is #ffb200. In RGB that is rgb(255, 178, 0), in HSL hsl(42, 100%, 50%) and in CMYK 0%, 30%, 100%, 0%.
How should I best use Imperial Yellow #ffb200 in a UI design?
Use #ffb200 primarily as a high-visibility accent color for call-to-action buttons or small UI elements where you need to draw immediate attention. Avoid using it for large backgrounds, as its high saturation can quickly overwhelm the user's focus on other content.
Is Imperial Yellow readable on white or black?
Imperial Yellow has a 1.80:1 contrast ratio on white and 11.62: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.