#FF8243
Orange family

Mango

Also known as: tropical · juicy · vibrant · warm · exotic
Save
Hex #FF8243
RGB rgb(255, 130, 67)
HSL hsl(20°, 100%, 63%)
CMYK 0 · 49 · 74 · 0
NCS S 0540-Y60R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In many cultures, particularly in South Asia, mango symbolizes love, fertility, and abundance, often associated with festivities and cherished moments. While in Western contexts, it can evoke feelings of joy and warmth, contrasting with its more spiritual significance in Eastern traditions.

The mango fruit dates back to around 2000 BCE in South Asia, where it was revered as a symbol of prosperity and purity. The word 'mango' itself comes from the Tamil word 'mankay', which was carried to Europe by Portuguese traders in the 16th century, leading to its integration into global culinary practices.

tropicaljuicyvibrantwarmexotic

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Mango. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Mango by lightness — from #854423 (darkest) to #FFBE9D (lightest). Click any to copy.

-40% #854423
-30% #A3532B
-20% #C26333
-10% #E0723B
BASE #FF8243
+15% #FF915A
+30% #FFA070
+50% #FFAF87
+70% #FFBE9D

Complementary

Sitting opposite Mango at 200° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Mango.

#FF8243
#FFB74D
#F5F5F5
#FF5722
#FF6F61

Tropical Sunset

Warm Bliss
#FF8243
#4CAF50
#FFFFFF
#FFEB3B
#FF9800

Mango Grove

Fresh Energy
#FF8243
#3F51B5
#888888
#E91E63
#FFC107

Exotic Escape

Vibrant Adventure

Mango scale

A 50–900 tonal scale with Mango anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFF5F0
100 #FFE9DD
200 #FFD0B8
300 #FFB792
400 #FF9C6A
500 #FF8243
600 #D16B37
700 #A8562C
800 #804122
900 #572C17

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 8.53:1
Mango as text on… Ratio AA AAA
Aa White background 2.46:1 Fail Fail
Aa Black background 8.53:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FF8243

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FF8243;
CSS color-mix (lighten 30%) color-mix(in srgb, #FF8243 70%, white)
HSV / HSB 20°, 74%, 100%
CMYK (print) 0, 49, 74, 0
Decimal 16745027
Nearest web-safe #FF9933

Color vision

How Mango appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FF8243

Protanopia (no red)

#C9C852

Deuteranopia (no green)

#D0DA56

Tritanopia (no blue)

#F95E61
Papaya
20 / 27 Oranges Guava
Copied!