Pink Color — HEX, RGB, HSL, Palettes & Contrast

Pink (#ffc0cb): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ffc0cb
HEX #ffc0cb
RGB rgb(255, 192, 203)
HSL 350°, 100%, 88%

Use Pink in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Pink Color

Pink is a soft, feminine color often associated with romance, sweetness, and playfulness. It is popular in fashion, beauty, and children's products.

Use Cases for Pink

beauty brandingfashionvalentine themeschildren productssoft UI accents

Shades & Tints of Pink

#ffffff
#ffeff2
#ffe0e5
#ffd0d8
#ffc0cb
#bf9098
#806066
#403033
#000000

Complementary Color

#ffc0cb
#c2fff5

Analogous Colors

#ffc2eb
#ffc0cb
#ffd6c2

Triadic Colors

#ffc0cb
#ccffc2
#c2ccff

Split Complementary

#ffc0cb
#c2ffd6
#c2ebff

Tetradic Colors

#ffc0cb
#fff5c2
#c2fff5
#c2ccff

CSS Code

.pink-color {
  color: #ffc0cb;
  background-color: #ffc0cb;
}

/* As a CSS custom property */
:root {
  --color-pink: #ffc0cb;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✗ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Pink
Ratio: 13.65:1 ✓ Passes AA ✓ Passes AAA
White text on Pink
Ratio: 1.54:1 ✗ Fails AA ✗ Fails AAA

Related Colors

HotPink
DeepPink
LightPink
PaleVioletRed
MediumVioletRed

Related Tools

Frequently Asked Questions

What color is Pink?

Pink is represented by the hex code #ffc0cb and has RGB values of rgb(255, 192, 203). It falls under the Pink category.

How to use Pink in web design?

Pink works well for beauty branding, fashion, valentine themes. Pink is a soft, feminine color often associated with romance, sweetness, and playfulness. It is popular in fashion, beauty, and children's products. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Pink?

Colors that pair well with Pink include hotpink, deeppink, lightpink, palevioletred, mediumvioletred. For a complementary scheme, try #c2fff5. For an analogous scheme, use #ffc2eb and #ffd6c2. For a triadic scheme, combine with #ccffc2 and #c2ccff.