Skip to content

Watermelon #fc6c85

Pink and green, in one fruit.

RGB
252, 108, 133
HSL
350°, 96%, 71%
CMYK
0, 57, 47, 1
Luminance
0.3311

About Watermelon

Watermelon, #fc6c85, is the flesh’s coral-pink — juicy, summery and warm. The name evokes the whole fruit’s iconic pink-green contrast, but the color itself is the sweet interior at picnic saturation.

History

The fruit crossed from Africa to become summer’s global icon; "watermelon pink" and "watermelon green" entered palettes as a ready-made complementary pair. Preppy and tropical design leaned on the duo for decades.

Psychology

Watermelon reads fresh, playful and warm — coral’s friendliness with fruit-punch sweetness. It signals summer, refreshment and easy fun.

In design

Watermelon pink is a warm accent: vivid on white and charcoal, large-text only as type. Pair with watermelon/lime green (the built-in complement), cream and teal. Summer, beverage and casual brands love the duo.

In culture

Watermelon-sugar summers, watermelon slices as the emoji of picnics, the seed-spitting contests: the fruit whose pink-green contrast is a palette in itself.

Brands that own watermelon

Shades of watermelon

Every format

HEX#fc6c85
RGBrgb(252, 108, 133)
HSLhsl(350, 96%, 71%)
CMYKcmyk(0%, 57%, 47%, 1%)
LABlab(64.3 57.0 14.4)
LCHlch(64.3 58.8 14.1)
OKLCHoklch(0.714 0.176 12.1)

Copy-ready code

/* CSS */
color: #fc6c85;
background-color: #fc6c85;
/* Tailwind (arbitrary) */
class="text-[#fc6c85] bg-[#fc6c85]"
/* SCSS */
$brand: #fc6c85;
/* SwiftUI */
Color(red: 0.988, green: 0.424, blue: 0.522)
/* Android */
Color.parseColor("#fc6c85")

Accessibility — WCAG contrast

Aa
#fc6c85 on white: 2.75:1
AA ✗ fail · AA-large · AAA
Aa
#fc6c85 on black: 7.62:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red98.8%
Green42.4%
Blue52.2%

CMYK percentages

Cyan0.0%
Magenta57.1%
Yellow47.2%
Key (black)1.2%

Color previews

#fc6c85 text on a black background

contrast 7.62:1

Card sample

#fc6c85 text on a white background

contrast 2.75:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fc6c85;
Background color
Panel with #fc6c85 background
background-color: #fc6c85;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #fc6c85;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(252, 108, 133, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(252, 108, 133, 0.45);
Border & gradient
Gradient panel
border: 3px solid #fc6c85;
background: linear-gradient(135deg, #fc6c85, #FCB36C);

Monochromatic scale

Palettes built from #fc6c85

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Watermelon, answered

What is the hex code for watermelon?

Watermelon pink is #fc6c85 — the fruit’s coral-pink flesh; its complementary "watermelon green" rind runs near #71c97e.

What colors make up watermelon?

The iconic pairing is coral-pink flesh (#fc6c85) with rind green (#71c97e) — a natural complementary duo designers borrow whole.

What pairs with watermelon pink?

Its own rind green, plus cream, teal and lime — summer’s refreshment palette.

Work with #fc6c85 in the Color Lab