Pink color

Watermelon #FC6C85

#FC6C85 · rgb(252, 108, 133)

Watermelon is the color #FC6C85. In RGB it is rgb(252, 108, 133) — 99% red, 42% green and 52% blue. Its CMYK breakdown is 0% cyan, 57% magenta, 47% yellow and 1% black, and in HSL it sits at 350° hue, 96% saturation and 71% lightness. Watermelon is not a standard CSS color name; the nearest web color is Light Coral (#F08080). The closest web-safe color is #FF6699.

Open in color picker Convert Make a palette Check contrast

Watermelon color codes

Hex#FC6C85

RGBrgb(252, 108, 133)

RGB %99%, 42%, 52%

HSLhsl(350, 96%, 71%)

HSV / HSBhsv(350, 57%, 99%)

CMYKcmyk(0%, 57%, 47%, 1%)

OKLCHoklch(71% 0.176 12)

Closest web-safe#FF6699

Watermelon color meaning

Watermelon is a bold and energetic pink — a warm color at 71% lightness and 96% saturation. Like other pinks, it is linked with warmth, romance and playfulness. It softens red's intensity into something gentle, caring and approachable.

Because it is bold and energetic, watermelon works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (2.8:1), so use it for fills and backgrounds and put black text on top (7.6:1).

What colors go with Watermelon?

Watermelon pairs well with Aquamarine, Hot Pink, Light Salmon and Charcoal: Aquamarine sits close to its opposite on the color wheel for strong contrast, Hot Pink and Light Salmon are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around watermelon in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Watermelon at a glance

Color family	Pink · warm, bold and energetic
CSS color name	No — nearest keyword is Light Coral (#F08080)
As text on white	2.75:1 — not readable as text
Best text on it	Black (7.62:1)
For print (CMYK)	0% cyan, 57% magenta, 47% yellow, 1% black
Full screen	Open the watermelon screen — fill your display or download it in 4K

Contrast

Contrast ratio of Watermelon against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 2.75:1 Black text — 7.62:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Watermelon

Watermelon color FAQ

What is the hex code for Watermelon?

Watermelon is #FC6C85, which is rgb(252, 108, 133) and hsl(350, 96%, 71%). For print it is roughly C0 M57 Y47 K1.

What colors go with Watermelon?

Watermelon pairs well with Aquamarine, Hot Pink, Light Salmon, Charcoal. Aquamarine gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Watermelon a warm or cool color?

Watermelon is a warm color: its hue is 350°, on the red, orange and yellow side of the color wheel.

What text color looks best on Watermelon?

Black text, with a contrast ratio of 7.6:1, which meets WCAG AA for normal text.