Pink Color Codes
The color code of Pink is Hex #FFC0CB, RGB rgb(255, 192, 203), HSL hsl(350, 100%, 88%) and HSB 350°, 25%, 100%. Pink is a tint rather than a hue of its own. Every channel sits high, with red leading at 255, so most of what you see is white carrying a little color. There are more pink shades than any one list can hold. The 17 named below each come with a full code set you can copy for design and color grading work.
The family
Different Shades of Pink
There are 17 named shades of pink here. Each one links to its own page with the full code set. Click any swatch to copy its hex.
What Is the Color Code for Pink?
The Pink color code has four screen formats and one print format. The screen ones are Hex, RGB, HSL and HSB. The print one is CMYK. All five describe the same pink. They differ in what they make easy to change.
What Is the Hex Code for Pink?
The hex code for Pink is #FFC0CB. Hex is the format you use in CSS and in most design tools. The first two digits set red, the next two set green and the last two set blue. In #FFC0CB the red pair is highest at FF and the green pair is lowest at C0.
What Is the RGB Code for Pink?
The RGB code for Pink is rgb(255, 192, 203). RGB counts each channel from 0 to 255. The gap between the strongest and the weakest channel is 63, and that gap is the whole of the color. Close the gap and you get grey.
What Is the HSL / HSB Code for Pink?
The HSL code for Pink is hsl(350, 100%, 88%) and the HSB code is 350°, 25%, 100%. The hue of 350 degrees is the position on the color wheel, and this family runs from 305°–345°. HSL and HSB are easier to adjust by hand than hex. Move the first number and you change the color. Move the others and you keep the color but change how strong or how light it is.
What Is the CMYK Code for Pink?
The CMYK code for Pink is 0%, 25%, 20%, 0%. CMYK is for print rather than screens. A screen adds light to make color. Ink takes light away. Colors in this range survive the move better than the saturated ones, which is worth knowing if the work has to exist on paper as well. Ask a printer for a Pantone reference on anything that has to match exactly.
What Does the Color Pink Mean?
Pink reads as soft and approachable. It is a tint of red, so it carries some of red's warmth with none of its urgency. Its gender associations are recent and were once reversed. Pink was treated as a boy's color in parts of the early twentieth century, so the convention is cultural rather than built in. How much of that a shade carries depends on how strong it is. Rose holds the most chroma here at 143. Thistle holds the least at 21, and reads as barely tinted by comparison.
Lightest & Darkest Shades of Pink
The lightest shade of pink is Millennial Pink at #F6C8C1. The darkest is Rose Red at #C21E56. Everything else on this page sits between those two. If you need a background, start from the light end. If you need text, start from the dark end.
Which Pink Is Best for Branding & Design?
It depends what the color has to do. A logo can use any shade because it does not have to pass a contrast test. A button does. Of the 17 shades on this page, 3 are dark enough to carry white text at AA. The questions below cover the cases people ask about most.
Which Pink Looks Most Professional for Designs?
Rose Red at #C21E56 is the safest professional pick, with white text on it reaching 5.81:1. It is deep rather than bright, which is what makes it read as considered instead of loud. The most saturated shades further up this page look cheaper at large sizes.
Which Pink Shade Increases Attention the Most?
Rose at #FF0080 draws the most attention. It carries the highest chroma of any shade here at 143, which is the measure of how far a color sits from grey, and that is what makes it hard to ignore. White text on it only reaches 3.77:1, so use it for the thing you want noticed and not for the thing you want read.
Which Pink Should I Use for a Buy / CTA Button?
Use Raspberry at #E30B5D. White text on it scores 4.70:1, which passes AA for button labels. The brighter shades fail that test. Rose only reaches 3.77:1 with white on top, so a button in that color has a label people have to squint at. You get the attention and lose the click.
Pink color tools
Convert Pink Color Codes (Hex, RGB, HSL)
Have a pink value in one format and need it in another? Paste #FFC0CB in and you get rgb(255, 192, 203) back, and the result updates as you type. These three cover the jobs that come up most.
#FFC0CB→rgb(255, 192, 203)
Hex to RGB
Paste a hex, get the three channels
255, 192, 203→#FFC0CB
RGB to Hex
Go the other way for CSS
#FFC0CB→hsl(350, 100%, 88%)
Hex to HSL
For adjusting a shade by hand
Find the Pink Hex Code in Any Image
Upload an image and click the part you want. The picker reads that exact pixel, which saves guessing at a pink in a photograph, where skin and fabric read differently under different light.
#E30B5D
Image Color Picker
Click any pixel in a photo to read its hex
Raspberry
Color Name Finder
Give it a value, get the closest named pink
Build a Pink Color Palette
Start from #FFC0CB, or from any of the 17 shades above. The palette tool pulls colors out of an image. The gradient tool blends two values into a run, and #F6C8C1 to #C21E56 covers this family end to end. The shades and tints tool takes one value and gives you a full scale from it.