Shades of Pink

Pink runs from barely-there Lavender Blush to electric Shocking Pink.

This page collects 37 named shades of pink with HEX, RGB, HSL and CMYK codes - copy any of them in one click.

Scroll down to build a full pink scale or download the whole set for Procreate, Photoshop or Figma.

Lavender Blush - lightest37 shades sorted light to darkdarkest - Medium Violet Red

Download all 37 shades of pink

Photoshop, Illustrator, InDesign, Affinity
Adobe ASE · 37 colorsMeasuring the file size...

37 pink color codes with names

Black text 13.6:1

Pink

HEX
#FFC0CB
RGB
rgb(255, 192, 203)
HSL
hsl(350, 100%, 88%)
CMYK
0%, 25%, 20%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 12.7:1

Light Pink

HEX
#FFB6C1
RGB
rgb(255, 182, 193)
HSL
hsl(351, 100%, 86%)
CMYK
0%, 29%, 24%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 7.9:1

Hot Pink

HEX
#FF69B4
RGB
rgb(255, 105, 180)
HSL
hsl(330, 100%, 71%)
CMYK
0%, 59%, 29%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 5.7:1

Deep Pink

HEX
#FF1493
RGB
rgb(255, 20, 147)
HSL
hsl(328, 100%, 54%)
CMYK
0%, 92%, 42%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 13.3:1

Baby Pink

HEX
#F4C2C2
RGB
rgb(244, 194, 194)
HSL
hsl(0, 69%, 86%)
CMYK
0%, 20%, 20%, 4%

Use it: Scale Wheel Contrast Gradient

Black text 5.9:1

Blush

HEX
#DE5D83
RGB
rgb(222, 93, 131)
HSL
hsl(342, 66%, 62%)
CMYK
0%, 58%, 41%, 13%

Use it: Scale Wheel Contrast Gradient

Black text 8.0:1

Rose Pink

HEX
#FF66CC
RGB
rgb(255, 102, 204)
HSL
hsl(320, 100%, 70%)
CMYK
0%, 60%, 20%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 13.7:1

Bubblegum

HEX
#FFC1CC
RGB
rgb(255, 193, 204)
HSL
hsl(349, 100%, 88%)
CMYK
0%, 24%, 20%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 11.5:1

Carnation Pink

HEX
#FFA6C9
RGB
rgb(255, 166, 201)
HSL
hsl(336, 100%, 83%)
CMYK
0%, 35%, 21%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 13.4:1

Cotton Candy

HEX
#FFBCD9
RGB
rgb(255, 188, 217)
HSL
hsl(334, 100%, 87%)
CMYK
0%, 26%, 15%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 9.6:1

Flamingo Pink

HEX
#FC8EAC
RGB
rgb(252, 142, 172)
HSL
hsl(344, 95%, 77%)
CMYK
0%, 44%, 32%, 1%

Use it: Scale Wheel Contrast Gradient

Black text 6.6:1

Fuchsia

HEX
#FF00FF
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
CMYK
0%, 100%, 0%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 4.7:1

Cerise

HEX
#DE3163
RGB
rgb(222, 49, 99)
HSL
hsl(343, 72%, 53%)
CMYK
0%, 78%, 55%, 13%

Use it: Scale Wheel Contrast Gradient

Black text 9.8:1

Salmon Pink

HEX
#FF91A4
RGB
rgb(255, 145, 164)
HSL
hsl(350, 100%, 78%)
CMYK
0%, 43%, 36%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 10.0:1

Pastel Pink

HEX
#DEA5A4
RGB
rgb(222, 165, 164)
HSL
hsl(1, 47%, 76%)
CMYK
0%, 26%, 26%, 13%

Use it: Scale Wheel Contrast Gradient

Black text 14.5:1

Millennial Pink

HEX
#F3CFC6
RGB
rgb(243, 207, 198)
HSL
hsl(12, 65%, 86%)
CMYK
0%, 15%, 19%, 5%

Use it: Scale Wheel Contrast Gradient

Black text 16.9:1

Pink Lace

HEX
#FFDDF4
RGB
rgb(255, 221, 244)
HSL
hsl(319, 100%, 93%)
CMYK
0%, 13%, 4%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 19.0:1

Lavender Blush

HEX
#FFF0F5
RGB
rgb(255, 240, 245)
HSL
hsl(340, 100%, 97%)
CMYK
0%, 6%, 4%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 17.4:1

Misty Rose

HEX
#FFE4E1
RGB
rgb(255, 228, 225)
HSL
hsl(6, 100%, 94%)
CMYK
0%, 11%, 12%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 6.8:1

Thulian Pink

HEX
#DE6FA1
RGB
rgb(222, 111, 161)
HSL
hsl(333, 63%, 65%)
CMYK
0%, 50%, 27%, 13%

Use it: Scale Wheel Contrast Gradient

Black text 8.7:1

Persian Pink

HEX
#F77FBE
RGB
rgb(247, 127, 190)
HSL
hsl(329, 88%, 73%)
CMYK
0%, 49%, 23%, 3%

Use it: Scale Wheel Contrast Gradient

Black text 5.9:1

Shocking Pink

HEX
#FC0FC0
RGB
rgb(252, 15, 192)
HSL
hsl(315, 98%, 52%)
CMYK
0%, 94%, 24%, 1%

Use it: Scale Wheel Contrast Gradient

Black text 4.7:1

Barbie Pink

HEX
#E0218A
RGB
rgb(224, 33, 138)
HSL
hsl(327, 75%, 50%)
CMYK
0%, 85%, 38%, 12%

Use it: Scale Wheel Contrast Gradient

Black text 9.3:1

Tickle Me Pink

HEX
#FC89AC
RGB
rgb(252, 137, 172)
HSL
hsl(342, 95%, 76%)
CMYK
0%, 46%, 32%, 1%

Use it: Scale Wheel Contrast Gradient

Black text 10.2:1

Amaranth Pink

HEX
#F19CBB
RGB
rgb(241, 156, 187)
HSL
hsl(338, 75%, 78%)
CMYK
0%, 35%, 22%, 5%

Use it: Scale Wheel Contrast Gradient

Black text 12.6:1

Cameo Pink

HEX
#EFBBCC
RGB
rgb(239, 187, 204)
HSL
hsl(340, 62%, 84%)
CMYK
0%, 22%, 15%, 6%

Use it: Scale Wheel Contrast Gradient

Black text 12.9:1

Orchid Pink

HEX
#F2BDCD
RGB
rgb(242, 189, 205)
HSL
hsl(342, 67%, 85%)
CMYK
0%, 22%, 15%, 5%

Use it: Scale Wheel Contrast Gradient

Black text 7.5:1

Puce

HEX
#CC8899
RGB
rgb(204, 136, 153)
HSL
hsl(345, 40%, 67%)
CMYK
0%, 33%, 25%, 20%

Use it: Scale Wheel Contrast Gradient

Black text 5.5:1

Mountbatten Pink

HEX
#997A8D
RGB
rgb(153, 122, 141)
HSL
hsl(323, 13%, 54%)
CMYK
0%, 20%, 8%, 40%

Use it: Scale Wheel Contrast Gradient

Black text 6.7:1

Pale Violet Red

HEX
#DB7093
RGB
rgb(219, 112, 147)
HSL
hsl(340, 60%, 65%)
CMYK
0%, 49%, 33%, 14%

Use it: Scale Wheel Contrast Gradient

White text 5.4:1

Medium Violet Red

HEX
#C71585
RGB
rgb(199, 21, 133)
HSL
hsl(322, 81%, 43%)
CMYK
0%, 89%, 33%, 22%

Use it: Scale Wheel Contrast Gradient

Black text 5.8:1

Raspberry Pink

HEX
#E25098
RGB
rgb(226, 80, 152)
HSL
hsl(330, 72%, 60%)
CMYK
0%, 65%, 33%, 11%

Use it: Scale Wheel Contrast Gradient

Black text 11.7:1

Nadeshiko Pink

HEX
#F6ADC6
RGB
rgb(246, 173, 198)
HSL
hsl(339, 80%, 82%)
CMYK
0%, 30%, 20%, 4%

Use it: Scale Wheel Contrast Gradient

Black text 14.0:1

Queen Pink

HEX
#E8CCD7
RGB
rgb(232, 204, 215)
HSL
hsl(336, 38%, 85%)
CMYK
0%, 12%, 7%, 9%

Use it: Scale Wheel Contrast Gradient

Black text 6.2:1

French Rose

HEX
#F64A8A
RGB
rgb(246, 74, 138)
HSL
hsl(338, 91%, 63%)
CMYK
0%, 70%, 44%, 4%

Use it: Scale Wheel Contrast Gradient

Black text 8.9:1

Ultra Pink

HEX
#FF6FFF
RGB
rgb(255, 111, 255)
HSL
hsl(300, 100%, 72%)
CMYK
0%, 56%, 0%, 0%

Use it: Scale Wheel Contrast Gradient

Black text 14.2:1

Rose Quartz

HEX
#F7CAC9
RGB
rgb(247, 202, 201)
HSL
hsl(1, 74%, 88%)
CMYK
0%, 18%, 19%, 3%

Use it: Scale Wheel Contrast Gradient

Pink color scale, 50 to 950

A Tailwind-style scale built from Pink (#FFC0CB), evenly spaced in OKLCH lightness. Paste any other pink to build its own scale, or click a swatch for its codes and contrast.

Pink Step 200 Your color keeps its exact value at step 200, where its lightness naturally falls. The other ten steps are built around it.

Aa

Pink

Step 200 · your color

On white 1.53:1 Fail On black 13.65:1 AAA
HEX#FFC0CB
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
CMYKcmyk(0%, 25%, 20%, 0%)
Send to Color Wheel Contrast Checker

Tints mixed with white

Shades mixed with black

Tones mixed with gray

Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.

Contrast on swatchesEach step shows its best text color level and ratio 
:root {
  --brand-50: #fdf4f5;
  --brand-100: #fcdfe4;
  --brand-200: #ffc0cb;
  --brand-300: #ff99ae;
  --brand-400: #ff5d89;
  --brand-500: #f5006d;
  --brand-600: #cd005a;
  --brand-700: #ab004a;
  --brand-800: #8d003b;
  --brand-900: #74002f;
  --brand-950: #4b051e;
}

Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.

Adobe ASE · 11 colorsMeasuring the file size...

Colors that go with pink

Using the same color wheel maths as our Color Wheel, these are the harmonies for Pink (#FFC0CB). Click a group to open it on the wheel.

Complementary Opposite on the wheel - the strongest contrast #C0FFF4 Celeste Analogous Next-door neighbors - calm and harmonious #FFC0EB Cotton Candy#FFD5C0 Peach Puff Triadic Three evenly spaced hues - bold and balanced #CBFFC0 Menthol#C0CBFF Periwinkle Split complementary The two neighbors of the opposite - contrast with less tension #C0FFD5 Aero Blue#C0EBFF Pale Turquoise

What pink means

Pink suggests sweetness, romance, playfulness and care. Soft pinks feel gentle and calm; hot pinks feel bold, loud and fun.

Its gender coding is newer than most people think - it only became firmly linked to girls in the middle of the 20th century. Designer Elsa Schiaparelli made Shocking Pink famous in 1937.

Pink keeps coming back in trends: Millennial Pink in the 2010s, Pantone's Rose Quartz in 2016 and the Barbie Pink wave of 2023.

Tips for using pink in design

Pink color palettes

See pink in complete, ready-made palettes - each one with codes and downloads.

Pastel palettes Wedding palettes Neon palettes All color palettes

Want a palette built around one exact pink? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.

Frequently Asked Questions

Pink is #FFC0CB, which is rgb(255, 192, 203) and hsl(350, 100%, 88%). For print it is about 0% cyan, 25% magenta, 20% yellow and 0% black. It is also a CSS color keyword, so you can simply write pink in your stylesheet.

There is no fixed number - any pink can be made lighter, darker or more muted. This page lists 37 named shades, from Lavender Blush (#FFF0F5) to Medium Violet Red (#C71585). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any pink.

Pink (#FFC0CB) has a contrast ratio of 1.53:1 on white and 13.65:1 on black, so it reads best on dark backgrounds or with dark text on top of it. For pink text on white, pick a deeper shade such as Medium Violet Red (#C71585), which reaches 5.42:1. Test any pair with the Contrast Checker.

Hot Pink (#FF69B4) is lighter and slightly softer. Deep Pink (#FF1493) is more saturated and darker, closer to magenta. Both are CSS color names you can use directly in code.

Millennial Pink is a dusty, slightly peachy pink, usually given as #F3CFC6. It became a trend color in fashion, interiors and branding in the mid-2010s.

Fuchsia (#FF00FF) sits right between them - it is the same as magenta on screens. Darker, bluer versions move into shades of purple.

More color shades

Shades of Coral 25 colors Shades of Red 36 colors Shades of Lavender 25 colors Shades of Purple 33 colors Shades of Mint Green 24 colors All 20 color families
Related Tools
Color Shades Generator Color Wheel Contrast Checker Gradient Generator Image Color Picker

Guides & Tutorials

All 14 guides
Comparison PNG vs JPG: Which Image Format Should You Actually Use? Read the guide Optimization How to Reduce Image File Size Without Losing Quality Read the guide Guide Complete ICO File Guide: Understanding, Opening & Converting Icon Files Read the guide