Mango is a vibrant yellow-orange shade exuding warmth and energy. It sits between orange and yellow on the color wheel, resembling the ripe mango tone. Think shades like juicy cantaloupe or golden apricot. Ideal for designs needing a tropical, fruity vibe, like a mango color kurta or wall paint.
Mango is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FDBE02
- RGB value: 99.2% red, 74.5% green, 0.8% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as mango, consider:
- Yellow-Orange (#ffb343): This color reflects the vibrant yellow hue often seen on the skin of a ripe mango, merging both warmth and brightness in a delightful blend reminiscent of mango color combination.
- Apricot (#ffb27f): Exhibiting the juicy orange tint typical of mango flesh, apricot is a softer version of mango's lively tone, echoing its sweet fruit palette.
- Pastel Orange (#ffc067): As a lighter, creamy-toned variation, pastel orange mirrors the color of mango flesh, capturing its exotic fruit color in a subdued yet playful manner.
- Bright Orange (#ff991c): With its energetic, ripe mango tone, bright orange channels the vibrant yellow hue unique to tropical fruits, perfectly complementing the overall color of mango.
To complement Mango, consider pairing it with:
- Forest Green (#2E6F40): This rich, earthy color creates a lush contrast, enhancing the vibrant yellow hue of Mango with a natural elegance.
- Navy Blue (#000080): Navy Blue offers a classic balance to Mango's bright, juicy orange tint, bringing sophistication and depth to the tropical fruit hue.
- Plum (#8E4585): The bold and deep tones of Plum complement Mango by adding a luxurious touch, making the exotic fruit color feel more dynamic and intriguing.
- Light Purple (#DAB1DA): Light Purple provides a playful and gentle contrast, softening the ripe mango tone while maintaining a harmonious color scheme.
- Ivory (#FFFFE3): Ivory serves as a clean, neutral backdrop, highlighting Mango's sweet fruit palette and emphasizing its warmth.
While Mango is a vibrant yellow hue reminiscent of the sweet fruit palette, it may clash with:
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Amber Luster
Sundrop Splash
Cosmic Saffron
Contrast checker
Contrast 1.67
- Large Text
#FDBE02
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 12.54
- Large Text
#FDBE02
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FDBE02, known as Mango, has RGB values of R:253, G:190, B:2 and CMYK values of C:0, M:25, Y:99, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #FDBE02 | #FDBE02 |
| RGB DECIMAL | 253, 190, 2 | RGB(253,190,2) |
| RGB PERCENTAGE | 99.2, 74.5, 0.8 | RGB(99.2%,74.5%,0.8%) |
| CMYK | 0, 25, 99, 1 | |
| HSL | HSL(44.9, 98.4%, 50.0%) | HSL(44.9, 98.4%, 50.0%) |
| HSV (OR HSB) | 44.9°, 99.2, 99.2 | |
| WEB SAFE | #2552040 | #2552040 |
| BINARY | 11111101, 10111110, 00000010 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.745, blue: 0.008) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.745, blue: 0.008, alpha: 1) | |
| Android - Compose | Color(0xFFFDBE02) |
