Recolorify
Sign inStart free →
DESIGN10 min read· Jun 22, 2026

The Ultimate Guide to Pink Color Codes, Hex Codes, and Shades of Pink

Pink is the color of warmth, playfulness, and modern femininity — it powers beauty, fashion, wellness, and lifestyle brands, and it has become a confident, gender-neutral accent in tech too. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of pink, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Pink Color Codes, Hex Codes, and Shades of Pink

The core pinks and their codes

Interactive Pink Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure pink

HSL(350°, 100%, 88%) — the standard soft web pink.

Selected color: #FFC0CB

Pink in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #FFC0CB and RGB(255, 192, 203) are the same soft pink. For matching CSS, print, or design tools, the other notations help.

For web pink #FFC0CB: RGB(255, 192, 203), HSL(350°, 100%, 88%), CMYK(0%, 25%, 20%, 0%). For hot pink #FF69B4: RGB(255, 105, 180), HSL(330°, 100%, 71%), CMYK(0%, 59%, 29%, 0%). Because pinks live at high lightness, they shift character fast with small tweaks.

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. When you recolor a rose top to blush with a flat RGB swap, you flatten the fabric's folds and shadows along with the hue — and the result looks fake.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact pink hex while every shadow and texture detail of the original survives. The same logic applies to OKLCH, which keeps perceived lightness constant as you shift hue.

Matching brand pinks across assets

Pinks read very differently at different lightness levels — a pastel blush and a hot pink are the same hue family but signal opposite things, so consistency is critical. Define each brand pink once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact pink hex and recolor a logo, a product photo, or a garment to match it precisely, keeping texture intact. See also our guides to red color codes and purple color codes.

Best color pairings for pink

  • Pink + navy (#0B1F3A) — fresh and modern; softens a serious base.
  • Pink + white (#FFFFFF) — clean and airy for beauty and wellness.
  • Pink + gold (#D4AF37) — glamorous and premium for cosmetics and events.
  • Pink + charcoal grey (#333333) — sophisticated and contemporary.
  • Pink + mint green (#98FF98) — playful and youthful for lifestyle brands.

Frequently asked questions about pink color codes

What is the hex code for pink? The CSS keyword "pink" is #FFC0CB; the bolder "hotpink" is #FF69B4.

What is the RGB code for pink? Web pink is RGB(255, 192, 203); hot pink is RGB(255, 105, 180).

What is the difference between hot pink and magenta? Hot pink (#FF69B4) is softer and warmer; magenta (#FF00FF) is a pure, electric pink-purple.

What is the hex code for blush pink? Blush is commonly #FEC5BB or #FADADD — a soft, warm pastel pink.