Color Palettes

Rose pink color

A vivid pink with a hint of purple, like a fully opened garden rose. It is bright and confident, and it works well in florals, spring fashion and bold graphic design.

Also known as: Bright rose.

Open in editor

The hex code for rose pink is #FF66CC. In RGB it is rgb(255, 102, 204), in HSL hsl(320, 100%, 70%) and in CMYK 0, 60, 20, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to rose pink

Neon pink#FF6EC7Hot pink#FF69B4Orchid#DA70D6Fuchsia#F400A1Barbie pink#E0218AShocking pink#FC0FC0

About rose pink

Rose pink (#FF66CC) is a balanced, light, highly saturated color. It belongs to the pinks family. It mixes 255 red, 102 green and 204 blue (out of 255). It is mostly used in florals, fashion, graphic design.

Swatch of Rose pink with its shades from light to dark · #FF66CC
Rose pink · #FF66CC

Rose pink shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Rose pink color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Mint green
AnalogousClose to: Heliotrope, Watermelon pink
TriadicClose to: Kiwi green, Deep sky blue
Split complementaryClose to: Kiwi green, Turquoise blue
TetradicClose to: Naples yellow, Mint green, Royal blue

Rose pink color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Rose pink
Analogous palette · Rose pink
Complementary palette · Rose pink
Triadic palette · Rose pink
With neutrals palette · Rose pink
With an accent palette · Rose pink

Rose pink contrast with text

White textContrast 2.6:1 · Not recommended
Black textContrast 8.0:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --rose-pink: #FF66CC;
  --rose-pink-rgb: 255, 102, 204;
}
.bg { background-color: var(--rose-pink); }
.text { color: var(--rose-pink); }

Colors similar to rose pink

Bright purpleMulberryDeep pinkThulian pink

Themed palettes with this color

Retro color palettes

More pinks

PinkDusty pinkOld roseFuchsiaMagentaHot pinkMexican pinkPastel pinkBaby pinkDeep pinkRaspberryRose quartzRose goldBlush pinkFlamingo pinkNeon pinkDusty roseMillennial pinkCarnation pinkCotton candy pinkThulian pinkPuceWatermelon pinkLight pink
Swatch of Rose pink with its shades from light to dark · #FF66CC
Swatch of Rose pink with its shades from light to dark · #FF66CC

Try this next

Name color paletteType a name and get your own color story paletteWhat color is your voice?Speak for 5 seconds and turn your voice into a color16 personality type colorsTake an 8-question quiz and get your image color
See all free tools →

Frequently asked questions

What is the hex code for rose pink?

The hex code for rose pink is #FF66CC. In RGB it is rgb(255, 102, 204), in HSL hsl(320, 100%, 70%) and in CMYK 0, 60, 20, 0.

What is the complementary color of rose pink?

Its complement on the color wheel is #66FF99, close to mint green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on rose pink?

Use black text instead: the contrast with white is only 2.6:1, while with black it is 8.0:1.