#FFC0CB
Pink · rgb(255, 192, 203)
Classic Pink Shades
Pink Color Code
The standard web pink: soft, familiar and balanced.
Text and Contrast Previews
How Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.
Tints and Shades of Pink
Nine steps built by moving the lightness of #FFC0CB up and down in HSL. Click any step to copy it.
Complementary and Matching Colors
Generated directly from the hue of #FFC0CB. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.
Common uses
Backgrounds, invitations, friendly branding.
Design recommendations
This is a light shade, so it earns its keep on large surfaces: page backgrounds, section bands and cards. Set text in a dark ink such as #150C0C and add a hairline border in #E8CFC9 to define edges.
Accessibility notes
Pair this background with near-black text (#150C0C) for the best result at 12.53:1. That meets WCAG AA for body text at any size.
CSS and HTML Examples
CSS
.element {
color: #FFC0CB;
}
.element-bg {
background-color: #FFC0CB;
color: #150C0C;
}
.element-border {
border: 2px solid #FFC0CB;
}
:root {
--pink: #FFC0CB;
}HTML
<p style="color: #FFC0CB;">Pink text</p>
<div style="background: #FFC0CB; color: #150C0C; padding: 1rem;">
Pink panel
</div>Similar Pink Shades
The six closest colours to Pink measured across the RGB channels.
More Classic Pink Shades
Other members of the classic pink family: Pure Pink #FF69B4, Hot Pink #FF1493, Deep Pink #FF1493.
You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.
Pink FAQs
What is the Pink color code?
The Pink color code is #FFC0CB in HEX, rgb(255, 192, 203) in RGB and hsl(349.5, 100%, 87.6%) in HSL.
What is the RGB value of Pink?
Pink is rgb(255, 192, 203) — red 255, green 192 and blue 203 on a 0–255 scale.
What is the CMYK value of Pink for print?
Pink converts to cmyk(0%, 25%, 20%, 0%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.
Which text colour is readable on Pink?
Near-black text (#150C0C) gives the stronger result at about 12.5:1. That clears the WCAG AA minimum for body text.
What colours go with Pink?
Its direct complement is #C0FFF4. For a softer palette, use the analogous pair #FFC0EA and #FFD4C0, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.
Which pink shades are closest to Pink?
The nearest shades in this collection are Bubblegum Pink (#FFC1CC), Light Pink (#FFB6C1), Baby Pink (#F4C2C2).