Pink #FFC0CB

Pink#FFC0CB · rgb(255, 192, 203)

Pink color codes

CSS namepink
HEX#FFC0CB
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
CMYKcmyk(0%, 25%, 20%, 0%)
Decimal16761035

Shades of Pink (darker)

#E6ADB7 · #CC9AA2 · #B3868E · #99737A · #806066 · #664D51 · #4D3A3D · #332629 · #1A1314

Tints of Pink (lighter)

#FFC6D0 · #FFCDD5 · #FFD3DB · #FFD9E0 · #FFE0E5 · #FFE6EA · #FFECEF · #FFF2F5 · #FFF9FA

Color harmonies

Complementary
#C2FFF5
Triadic
#CCFFC2, #C2CCFF
Analogous
#FFC2EB, #FFD6C2

Accessibility (WCAG contrast)

White text on Pink1.54:1 · Fail
Black text on Pink13.65:1 · AAA

Use Pink in code

.element {
  color: pink;          /* or #ffc0cb */
  background-color: rgb(255 192 203 / 0.5);
}

Frequently asked questions

What is the hex code for Pink?

Pink is #FFC0CB in HEX, rgb(255, 192, 203) in RGB and hsl(350, 100%, 88%) in HSL.

Can I use "pink" directly in CSS?

Yes. "pink" is one of the 148 standard CSS named colors, so color: pink; works in every browser.

Is Pink readable on white?

The contrast ratio of Pink on white is 1.54:1 (WCAG Fail). On black it is 13.65:1 (AAA).

What is the complementary color of Pink?

The complementary color (opposite on the color wheel) is #C2FFF5.

Similar colors

Light Pink#FFB6C1Peach Puff#FFDAB9Bisque#FFE4C4Wheat#F5DEB3Thistle#D8BFD8Misty Rose#FFE4E1Moccasin#FFE4B5Navajo White#FFDEAD

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.