Watermelon

#FC6C85

What color is Watermelon?

Watermelon is a bright pinkish-red with a warm, slightly coral tone, hex #FC6C85, similar to the inner flesh of a ripe watermelon. It has enough red to feel bold but enough pink to stay light and fresh.

What is the meaning of the color Watermelon?

Named directly after the fruit, the color reflects the vivid pink-red interior of Watermelon citrullus lanatus, a fruit cultivated in Africa for over 5,000 years and documented in ancient Egyptian tomb paintings. The name entered English color vocabulary as the fruit became widely available in European and American markets during the 19th century. Crayola formally introduced a crayon called Watermelon in 2003, giving the color a standardized presence in commercial use. The shade now anchors the branding of Lilly Pulitzer, a fashion label built around tropical fruit colors since its founding in Palm Beach, Florida, in 1959.

RGB
252, 108, 133
HSL
350°, 96%, 71%
CMYK
0, 57, 47, 1
HSV
350°, 57%, 99%
Watermelon color

What colors go with Watermelon?

Colors that pair well with Watermelon include:
Mint Green: fresh, cooling contrast
Navy Blue: bold, grounding depth
Cream: soft, warm balance
Lime Green: bright, playful energy
White: clean, open backdrop

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FC6C85 color: #FC6C85;
RGB 252, 108, 133 color: rgb(252, 108, 133);
RGB Percentage 99%, 42%, 52% color: rgb(99%, 42%, 52%);
CMYK 0%, 57%, 47%, 1% Not supported in CSS
HSL 350°, 96%, 71% color: hsl(350, 96%, 71%);
HSV 350°, 57%, 99% Not supported in CSS
CIE-LAB 57, 29, -8 color: lab(57% 29 -8);
Decimal 16542853 Not supported in CSS

Color Variations

Shades

#FC6E86
#FB4B68
#FB274A
#F8052E
#D50427
#B10421
#8E031A
#6A0214

Tints

#FED4DB
#FEC5CE
#FEB7C2
#FDA8B6
#FD9AAA
#FD8B9E
#FC7D92
#FC6E86

Tones

#FC6E86
#F5758A
#EE7C8F
#E78394
#E08A99
#D9929D
#D199A2
#CAA0A7

Hues

#FC6E86
#FCC16E
#CDFC6E
#6EFC7A
#6EFCE4
#6EA9FC
#9D6EFC
#FC6EF0

Color Harmonies

Analogous

#FC6ECD
Click to copy
#FC6C85
Click to copy
#FC9D6E
Click to copy
95%

Complementary

#FC6C85
Click to copy
#6EFCE4
Click to copy

Split Complementary

#FC6C85
Click to copy
#6EFC9D
Click to copy
#6ECDFC
Click to copy

Triadic

#FC6C85
Click to copy
#86FC6E
Click to copy
#6E86FC
Click to copy

Tetradic

#FC6C85
Click to copy
#CDFC6E
Click to copy
#6EFCE4
Click to copy
#9D6EFC
Click to copy

Square

#FC6C85
Click to copy
#CDFC6E
Click to copy
#6EFCE4
Click to copy
#9D6EFC
Click to copy

CSS & Dev Snippets

CSS
.watermelon {
  color: #FC6C85;
}
SCSS
$watermelon: #FC6C85;
RGB
rgb(252, 108, 133)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags