#FF66CC

Rose Pink · rgb(255, 102, 204)

Rose Pink Shades

Rose Pink Color Code

Q: What is the Rose Pink color code?

The Rose Pink color code is #FF66CC in HEX, rgb(255, 102, 204) in RGB and hsl(320, 100%, 70%) in HSL.

A floral pink that sits between classic pink and magenta.

HEX #FF66CC

RGB rgb(255, 102, 204)

HSL hsl(320, 100%, 70%)

HSV hsv(320, 60%, 100%)

CMYK cmyk(0%, 60%, 20%, 0%)

Text and Contrast Previews

How Rose Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.

Near-black text #150C0C on #FF66CC 7.36:1 · AA body text

White text #FFFFFF on #FF66CC 2.62:1 · decorative only

Rose Pink on white #FF66CC on #FFFFFF 2.62:1 · large text fails

Rose Pink on charcoal #FF66CC on #150C0C 7.36:1 · AA body text

Tints and Shades of Rose Pink

Nine steps built by moving the lightness of #FF66CC up and down in HSL. Click any step to copy it.

Complementary and Matching Colors

Generated directly from the hue of #FF66CC. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.

Common uses

Beauty, florals, social campaigns.

Design recommendations

This is a light shade, so it earns its keep on large surfaces: page backgrounds, section bands and cards. Set text in a dark ink such as #150C0C and add a hairline border in #E8CFC9 to define edges.

Accessibility notes

Pair this background with near-black text (#150C0C) for the best result at 7.36:1. That meets WCAG AA for body text at any size.

CSS and HTML Examples

CSS

.element {
  color: #FF66CC;
}

.element-bg {
  background-color: #FF66CC;
  color: #150C0C;
}

.element-border {
  border: 2px solid #FF66CC;
}

:root {
  --rose-pink: #FF66CC;
}

HTML

<p style="color: #FF66CC;">Rose Pink text</p>
<div style="background: #FF66CC; color: #150C0C; padding: 1rem;">
  Rose Pink panel
</div>

Similar Pink Shades

The six closest colours to Rose Pink measured across the RGB channels.

Pure Pink

Classic Pink

RGBrgb(255, 105, 180)

HSLhsl(330, 100%, 70.6%)

CMYKcmyk(0%, 59%, 29%, 0%)

Flamingo Pink

Warm Pink

RGBrgb(252, 142, 172)

HSLhsl(343.6, 94.8%, 77.3%)

CMYKcmyk(0%, 44%, 32%, 1%)

Watermelon Pink

Warm Pink

RGBrgb(252, 108, 133)

HSLhsl(349.6, 96%, 70.6%)

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

French Rose

Rose Pink

RGBrgb(246, 74, 138)

HSLhsl(337.7, 90.5%, 62.7%)

CMYKcmyk(0%, 70%, 44%, 4%)

Dusty Pink

Muted Pink

RGBrgb(216, 167, 177)

HSLhsl(347.8, 38.6%, 75.1%)

CMYKcmyk(0%, 23%, 18%, 15%)

Blush Pink

Light Pink

RGBrgb(222, 93, 131)

HSLhsl(342.3, 66.2%, 61.8%)

CMYKcmyk(0%, 58%, 41%, 13%)

More Rose Pink Shades

Other members of the rose pink family: Rose #FF007F, French Rose #F64A8A, Tea Rose #F4C2C2.

You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.

Rose Pink FAQs

What is the Rose Pink color code?

The Rose Pink color code is #FF66CC in HEX, rgb(255, 102, 204) in RGB and hsl(320, 100%, 70%) in HSL.

What is the RGB value of Rose Pink?

Rose Pink is rgb(255, 102, 204) — red 255, green 102 and blue 204 on a 0–255 scale.

What is the CMYK value of Rose Pink for print?

Rose Pink converts to cmyk(0%, 60%, 20%, 0%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.

Which text colour is readable on Rose Pink?

Near-black text (#150C0C) gives the stronger result at about 7.4:1. That clears the WCAG AA minimum for body text.

What colours go with Rose Pink?

Its direct complement is #66FF99. For a softer palette, use the analogous pair #E666FF and #FF6680, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.

Which pink shades are closest to Rose Pink?

The nearest shades in this collection are Pure Pink (#FF69B4), Flamingo Pink (#FC8EAC), Watermelon Pink (#FC6C85).