Mango
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-energy orange carries a warm, citrus-like intensity that demands attention. Because it is so saturated, #ffa62b works best as a punchy accent color rather than a large background block. Try pairing this shade with deep charcoal or slate gray to ground its intensity. The hex code for this mango-inspired orange is #ffa62b, which offers excellent readability with black text overlays.
Questions about Mango
What is the hex code for Mango?
Mango is #ffa62b. In RGB that is rgb(255, 166, 43), in HSL hsl(35, 100%, 58%) and in CMYK 0%, 35%, 83%, 0%.
How should I use Mango #ffa62b in a design?
Use Mango as a strategic accent color to draw the eye toward call-to-action buttons or highlights. Because of its extreme saturation, it can overwhelm the viewer if used for large backgrounds, so pair it with charcoal or deep slate for balance.
Is Mango readable on white or black?
Mango has a 1.95:1 contrast ratio on white and 10.74: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.