colorcodekit

Color Codes › Shades of Pink

Shades of pink

Q: What are the shades of pink?

Shades of pink are made by mixing pink with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for pink?

A common pink is #EC4899 (rgb(236, 72, 153)), but pink spans a whole range — see the full set of shades and tints on this page.

A full palette of pink — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#EC4899

Shades of pink

Pink mixed with black — darker and deeper.

#EC4899

rgb(236, 72, 153)

#D7418B

rgb(215, 65, 139)

#C13B7D

rgb(193, 59, 125)

#AC346F

rgb(172, 52, 111)

#962E61

rgb(150, 46, 97)

#812753

rgb(129, 39, 83)

#6B2146

rgb(107, 33, 70)

#561A38

rgb(86, 26, 56)

#40142A

rgb(64, 20, 42)

#2B0D1C

rgb(43, 13, 28)

#15070E

rgb(21, 7, 14)

#000000

rgb(0, 0, 0)

Tints of pink

Pink mixed with white — lighter and softer.

#EC4899

rgb(236, 72, 153)

#EE59A2

rgb(238, 89, 162)

#EF69AC

rgb(239, 105, 172)

#F17AB5

rgb(241, 122, 181)

#F38BBE

rgb(243, 139, 190)

#F59BC7

rgb(245, 155, 199)

#F6ACD1

rgb(246, 172, 209)

#F8BCDA

rgb(248, 188, 218)

#FACDE3

rgb(250, 205, 227)

#FCDEEC

rgb(252, 222, 236)

#FDEEF6

rgb(253, 238, 246)

#FFFFFF

rgb(255, 255, 255)

Tones of pink

Pink mixed with grey — muted and subtle.

#EC4899

rgb(236, 72, 153)

#E24D97

rgb(226, 77, 151)

#D85294

rgb(216, 82, 148)

#CF5792

rgb(207, 87, 146)

#C55C90

rgb(197, 92, 144)

#BB618E

rgb(187, 97, 142)

#B1678B

rgb(177, 103, 139)

#A76C89

rgb(167, 108, 137)

#9D7187

rgb(157, 113, 135)

#947685

rgb(148, 118, 133)

#8A7B82

rgb(138, 123, 130)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base pink (#EC4899), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent pink palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting pink? Open the colour picker, choose your exact pink, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of pink?

Pink mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for pink?

A common pink is #EC4899, but pink spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.