Pink color values
| Format | Value |
|---|---|
| Hex | #FFC0CB |
| RGB | rgb(255, 192, 203) |
| HSL | hsl(350, 100%, 88%) |
| HSV | 350, 25%, 100% |
| CMYK (simple conversion) | 0%, 25%, 20%, 0% |
| Decimal | 16761035 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Pink
A light red hue traditionally associated with softness, romance, and youth. Designers use it in fashion, cosmetics, and playful user interfaces to convey warmth. It remains highly versatile across branding contexts that aim for an inviting or gentle tone. It is one of the 148 CSS named colors.
Shades and tints of Pink
Tints mix Pink with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FFC6D0 | #E6ADB7 |
| 20% | #FFCDD5 | #CC9AA2 |
| 30% | #FFD3DB | #B3868E |
| 40% | #FFD9E0 | #99737A |
| 50% | #FFE0E5 | #806066 |
Color harmony for Pink
These colors keep the same saturation and lightness as Pink and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #C0FFF4 |
| Analogous | #FFC0EB #FFD4C0 |
| Triadic | #CBFFC0 #C0CBFF |
| Split complementary | #C0FFD4 #C0EBFF |
Contrast and accessibility
Contrast between #FFC0CB and white is 1.54:1 (fails). Against black it is 13.65:1 (passes AAA). For text on a Pink background, black text is the more readable choice.
Use Pink in CSS
.element {
color: pink;
background-color: #FFC0CB;
border-color: rgb(255 192 203);
outline-color: hsl(350 100% 88%);
}All four lines produce exactly the same color. The keyword pink is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Pink?
The hex code for Pink is #FFC0CB. As a CSS color keyword you can also write pink.
What is Pink in RGB?
Pink is rgb(255, 192, 203): red 255, green 192, blue 203 on the 0 to 255 scale.
What color is closest to Pink?
Of the CSS named colors, lightpink (#FFB6C1) is the closest match to Pink, followed by peachpuff and bisque.
More colors
- Pale Turquoise: previous page
- Plum: next page
- CSS named colors: the full list