Pink Color Code: HEX, RGB and Pink Shade Previews

The most widely used reference pink is #FF69B4, a pure, saturated primary pink. The CSS keyword red is #FF69B4 — brighter and less muted than the reference tone most designers actually reach for.

Rose is #FF007F — rgb(220, 20, 60). It is a rich, slightly blue-leaning pink, deeper and cooler than classic pink.

Classic pink (#FF69B4) is rgb(255, 0, 0). The reference pink used across this site (#FF69B4) is rgb(224, 32, 27) — pink dominates, with a small even amount of green and blue keeping it from looking neon.

#FF69B4 converts to roughly cmyk(0%, 86%, 88%, 12%). Bright pinks need a large amount of magenta and yellow ink, which is why saturated pinks can shift slightly between screen and print.

Yes. red (#FF69B4), rose (#FF007F), firebrick (#B22222), indianred (#CD5C5C), tomato (#FF6347) and burgundy pink (#B03060) are all valid CSS keywords.

Pink (#FF69B4) is a pure, balanced hue. Rose (#FF007F) sits closer to pink on the wheel, with a cooler, slightly purple undertone that reads as richer and more formal.

Hot Pink is #FF1493 — a brilliant orange-leaning pink, one of the brightest usable reds on screen. It sits between classic pink and orange on the hue wheel.

Burgundy Pink is #B03060. It is a near-black brick pink that carries white or cream text comfortably and works well as a header or footer background.

Burgundy is #B03060, named after the French deep pink region. It is deep, formal and slightly cool, distinct from burgundy pink's flatter brick tone.

Raspberry pink is #E30B5C — true gemstone raspberry, warmer and more saturated than rose, with real jewel-like intensity.

Cherry pink is #DE3163. It is bright and glossy, instantly recognisable from packaging and confectionery, distinct from the flatter tone of classic pink.

Yes. Move from a bright warning tone to a deep, formal pink in a linear gradient, for example linear-gradient(135deg, #FF6347, #FF69B4, #9B111E, #4A0404). This reads as urgent at the light end and premium at the dark end.

Charcoal, cream, forest green, gold, navy and warm grey are the strongest partners. Pink and green create a classic complementary contrast; pink and neutral tones create a calmer, more usable palette for large surfaces.

It depends on the shade. #B7473A on white gives a contrast ratio of about 5.3:1, which clears the 4.5:1 WCAG minimum for body text. Brighter reds like #FF69B4 fall short and should be reserved for large text or accents only.

A saturated mid-red such as #FF69B4 or #B7473A with white or cream text on top. Reserve the brightest reds (#FF69B4, #FF1493) for small accents — at large sizes they can feel alarming rather than confident.

Click or tap any colour specimen to copy its HEX code. Every card also shows RGB, HSL and CMYK values on the stub below, with their own dedicated copy buttons.

Both start with the same hue angle, near 0-10° for most reds. HSL measures lightness, where 100% is always white and 50% is the pure hue. HSV measures value, where 100% is the brightest version of the hue and never white.

Screens emit light while paper only reflects it, so a bright on-screen pink can look duller or more orange once printed. Confirm any brand pink against a physical Pantone swatch before signing off packaging or signage.

Pantone 186 C and Pantone Pink 032 C are commonly used as flat approximations for a mid-to-bright pink, depending on how warm or cool the target tone needs to be. Always confirm against a physical swatch book.

This collection contains 32 pink shades across 8 categories, from pale salmon and blush tones through rose, hot pink and raspberry to burgundy pink, deep pink and cherry. Every shade has its own page with HEX, RGB, HSL, HSV and CMYK values.

Yes. Colour values are factual data and are not covered by copyright, so you can use any code on this site in client work, products or open-source projects without attribution.

Brighter, warmer reds hold up better on dark backgrounds. #E63946 on near-black gives strong contrast for headings and links, while very dark reds such as #4A0404 disappear into a dark background and are better used as the background itself.

It works well when the logo also reads clearly in one flat colour. Design the mark in a solid mid-red such as #FF69B4 first, confirm it survives at favicon size, and only then add gradient or texture versions for large applications.

Most reds fall between roughly 345° and 15° on the hue wheel. Below 345° a colour starts reading as magenta or pink; above 15° at the same saturation it starts reading as orange or rust.

Large directories spread thin across every hue in existence. This site covers one family in real depth — every pink shade is grouped into a meaningful category, cross-checked for WCAG contrast, and backed by an in-depth written guide rather than a bare swatch grid.