Mango

#FDBE02

What color is Mango?

Mango is a bright, warm yellow-orange, hex #FDBE02, close to the flesh of a ripe mango fruit. It carries strong golden undertones with enough orange to keep it from reading as a pure yellow.

What is the meaning of the color Mango?

Named directly after the tropical fruit, the color entered common use as global mango cultivation expanded through the 19th century, driven by British colonial trade networks that brought the fruit from South Asia to European and American markets. The mango itself has been cultivated in India for over 4,000 years, and its vivid golden-orange flesh became the defining visual reference for the name. As fruit-named colors grew popular in textile and fashion industries during the early 20th century, mango settled into use for warm, saturated yellow-orange shades. Pantone formalized it as a distinct color category, listing Mango as a named shade in their fashion and home color systems.

RGB
253, 190, 2
HSL
45°, 98%, 50%
CMYK
0, 25, 99, 1
HSV
45°, 99%, 99%
Mango color

What colors go with Mango?

Colors that pair well with Mango include:
Deep Teal: strong cool contrast
Chocolate Brown: warm grounding depth
Cream: soft, light balance
Cobalt Blue: bold complementary contrast
Olive Green: earthy, natural harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FDBE02 color: #FDBE02;
RGB 253, 190, 2 color: rgb(253, 190, 2);
RGB Percentage 99%, 75%, 1% color: rgb(99%, 75%, 1%);
CMYK 0%, 25%, 99%, 1% Not supported in CSS
HSL 45°, 98%, 50% color: hsl(45, 98%, 50%);
HSV 45°, 99%, 99% Not supported in CSS
CIE-LAB 40, 13, 63 color: lab(40% 13 63);
Decimal 16629250 Not supported in CSS

Color Variations

Shades

#FCBE03
#E3AB02
#CA9802
#B18502
#977202
#7E5F01
#654C01
#4C3901

Tints

#FEEBB3
#FEE59A
#FEDE81
#FDD868
#FDD14E
#FDCB35
#FDC41C
#FCBE03

Tones

#FCBE03
#F0B80F
#E3B11C
#D7AB28
#CAA535
#BE9F41
#B1984E
#A5925A

Hues

#FCBE03
#80FC03
#03FC41
#03FCFC
#0341FC
#8003FC
#FC03BE
#FC0303

Color Harmonies

Analogous

#FC4103
Click to copy
#FDBE02
Click to copy
100%
#BEFC03
Click to copy

Complementary

#FDBE02
Click to copy
100%
#0341FC
Click to copy

Split Complementary

#FDBE02
Click to copy
100%
#03BEFC
Click to copy
#4103FC
Click to copy

Triadic

#FDBE02
Click to copy
100%
#03FCBE
Click to copy
#BE03FC
Click to copy

Tetradic

#FDBE02
Click to copy
100%
#03FC41
Click to copy
#0341FC
Click to copy
#FC03BE
Click to copy

Square

#FDBE02
Click to copy
100%
#03FC41
Click to copy
#0341FC
Click to copy
#FC03BE
Click to copy

CSS & Dev Snippets

CSS
.mango {
  color: #FDBE02;
}
SCSS
$mango: #FDBE02;
RGB
rgb(253, 190, 2)

Accessibility & Contrast

White background

1.67:1
1.67
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.54:1
12.54
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags