#FC6C85
Red family

Watermelon

Also known as: vibrant · juicy · playful · refreshing · summery
Save
Hex #FC6C85
RGB rgb(252, 108, 133)
HSL hsl(350°, 96%, 71%)
CMYK 0 · 57 · 47 · 1

Meaning

In Western cultures, watermelon often symbolizes summer, joy, and refreshment, embodying feelings of warmth and happiness. However, in some Asian cultures, the color can also represent prosperity and good fortune, showcasing its dual significance.

The term 'watermelon' first appeared in English around the 17th century, derived from the fruit's flesh color. The vibrant pinkish-red hue has been celebrated in art and design, often associated with the vibrant imagery of summer festivals and gatherings.

vibrantjuicyplayfulrefreshingsummery

Similar colors

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

All 33 Reds →

Shades & tints

Nine steps of Watermelon by lightness — from #833845 (darkest) to #FDB3C0 (lightest). Click any to copy.

-40% #833845
-30% #A14555
-20% #C05265
-10% #DE5F75
BASE #FC6C85
+15% #FC7E94
+30% #FD8FA2
+50% #FDA1B1
+70% #FDB3C0

Complementary

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

Palettes

Curated 5-color combinations featuring Watermelon.

#FC6C85
#6BCB77
#F5F5F5
#FFB3BA
#FF677D

Summer Picnic

Bright and Cheerful
#FC6C85
#FFCE54
#888888
#3D5A80
#FBAF85

Tropical Vibes

Lively and Fun
#FC6C85
#5D8C8A
#FFFFFF
#F6B93B
#D84F3A

Fruity Refresh

Fresh and Inviting

Watermelon scale

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

50 #FFF3F5
100 #FEE5E9
200 #FEC7D1
300 #FDAAB8
400 #FD8B9F
500 #FC6C85
600 #CF596D
700 #A64758
800 #7E3643
900 #56252D

Accessibility

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

Aa Best text color: #000000 · 7.62:1
Watermelon as text on… Ratio AA AAA
Aa White background 2.75:1 Fail Fail
Aa Black background 7.62: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 #FC6C85

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

CSS color: #FC6C85;
CSS color-mix (lighten 30%) color-mix(in srgb, #FC6C85 70%, white)
HSV / HSB 350°, 57%, 99%
CMYK (print) 0, 57, 47, 1
Decimal 16542853
Nearest web-safe #FF6699

Color vision

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

Normal vision

#FC6C85

Protanopia (no red)

#BEBC7F

Deuteranopia (no green)

#C6D17E

Tritanopia (no blue)

#F57A79
Hot Coral
27 / 33 Reds Oxblood
Copied!