International Orange
A bold and vibrant high-energy red
International Orange is a saturated, high-energy hue that commands attention. Because this color is intense and visually aggressive, use it primarily as a small accent or call-to-action button rather than a large background. It pairs well with slate grays or muted navy to soften its natural heat. The hex code for this shade is #ba160c, which provides excellent contrast when paired with white text.
Questions about International Orange
What is the hex code for International Orange?
International Orange is #ba160c. In RGB that is rgb(186, 22, 12), in HSL hsl(3, 88%, 39%) and in CMYK 0%, 88%, 94%, 27%.
How can I effectively use #ba160c International Orange in web design?
International Orange is visually aggressive, so use #ba160c sparingly as an accent color for call-to-action buttons or highlights. Because it commands immediate attention, avoid using it as a large background color, which can overwhelm the viewer and make text difficult to read.
What colors pair well with #ba160c for a balanced palette?
To soften the natural heat of International Orange, pair #ba160c with cool-toned neutrals like slate gray or deep navy. These pairings create a sophisticated contrast that keeps the vibrancy of the orange in check without losing its impact.
Is International Orange readable on white or black?
International Orange has a 6.54:1 contrast ratio on white and 3.20:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.