#F5AF6F
Orange family

Cantaloupe

Also known as: vibrant · fruity · fresh · sunny · inviting
Save
Hex #F5AF6F
RGB rgb(245, 175, 111)
HSL hsl(29°, 87%, 70%)
CMYK 0 · 29 · 55 · 4

Meaning

In Western cultures, cantaloupe is associated with summer and abundance, representing the joys of harvest and the sweetness of life. Conversely, in some Eastern traditions, orange hues can signify happiness and prosperity, showcasing its versatility across different cultural contexts.

The term 'cantaloupe' traces back to the Italian town of Cantalupo, where the melon was cultivated in the 17th century. The color gained prominence in the 20th century as a vibrant representation of the fruit, becoming a popular choice in design and fashion during the 1960s.

vibrantfruityfreshsunnyinviting

Similar colors

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

All 27 Oranges →

Shades & tints

Nine steps of Cantaloupe by lightness — from #7F5B3A (darkest) to #FAD5B4 (lightest). Click any to copy.

-40% #7F5B3A
-30% #9D7047
-20% #BA8554
-10% #D89A62
BASE #F5AF6F
+15% #F6B980
+30% #F7C292
+50% #F9CCA3
+70% #FAD5B4

Complementary

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

Palettes

Curated 5-color combinations featuring Cantaloupe.

#F5AF6F
#FF6F40
#FFFFFF
#6FCF80
#FFB74D

Tropical Escape

Bright Adventure
#F5AF6F
#D77F30
#F0E3B7
#A16B3B
#E2B94D

Sunset Serenade

Warm Relaxation
#F5AF6F
#FFB74D
#F5F5F5
#4A4A4A
#A65E2E

Harvest Delight

Earthy Comfort

Cantaloupe scale

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

50 #FEF9F3
100 #FDF1E5
200 #FBE1C8
300 #F9D1AB
400 #F7C08D
500 #F5AF6F
600 #C9905B
700 #A27349
800 #7B5838
900 #533B26

Accessibility

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

Aa Best text color: #000000 · 11.24:1
Cantaloupe as text on… Ratio AA AAA
Aa White background 1.87:1 Fail Fail
Aa Black background 11.24: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 #F5AF6F

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

CSS color: #F5AF6F;
CSS color-mix (lighten 30%) color-mix(in srgb, #F5AF6F 70%, white)
HSV / HSB 29°, 55%, 96%
CMYK (print) 0, 29, 55, 4
Decimal 16101231
Nearest web-safe #FF9966

Color vision

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

Normal vision

#F5AF6F

Protanopia (no red)

#D7D67E

Deuteranopia (no green)

#DBE082

Tritanopia (no blue)

#F28B8D
Guava
22 / 27 Oranges Carrot
Copied!