Pink color

A red lightened with lots of white. It's associated with tenderness and romance, though today it's used by all kinds of brands. It's common in clothing, cosmetics and awareness campaigns.

Pink · #FFC0CB

About pink

Pink (#FFC0CB) is a warm, light, highly saturated color. It belongs to the pinks family. It mixes 255 red, 192 green and 203 blue (out of 255). It is mostly used in fashion, kids, branding.

Pink shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with pink

GrayAn elegant, modern mix.WhiteFresh, clean and soft.Navy blueA classic, sophisticated contrast.Sage greenA soft complementary contrast.BeigeA warm, natural base.GoldA touch of luxury and celebration.Sky blueA sweet pastel pair.WineAn elegant red gradient.

How to wear and decorate with pink →

Pink color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Pastel turquoise

AnalogousClose to: Lilac, Apricot

TriadicClose to: Cream, Pastel lilac

Split complementaryClose to: Aquamarine, Light blue

TetradicClose to: Cream, Pastel turquoise, Pastel lilac

Pink color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Pink

Analogous palette · Pink

Complementary palette · Pink

Triadic palette · Pink

With neutrals palette · Pink

With an accent palette · Pink

Pink contrast with text

White textContrast 1.5:1 · Not recommended

Black textContrast 13.7:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --pink: #FFC0CB;
  --pink-rgb: 255, 192, 203;
}
.bg { background-color: var(--pink); }
.text { color: var(--pink); }

Colors similar to pink

Baby pink Dusty pink Pastel pink Rose quartz Dusty rose Apricot Lilac Flamingo pink Pearl gray Old rose

Themed palettes with this color

More pinks

Dusty pink Old rose Fuchsia Magenta Hot pink Mexican pink Pastel pink Baby pink Deep pink Raspberry Rose quartz Rose gold Blush pink Flamingo pink Neon pink Dusty rose

Frequently asked questions

What is the hex code for pink?

The hex code for pink is #FFC0CB. In RGB it is rgb(255, 192, 203), in HSL hsl(350, 100%, 88%) and in CMYK 0, 25, 20, 0.

What is the complementary color of pink?

Its complement on the color wheel is #C0FFF4, close to pastel turquoise. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on pink?

Use black text instead: the contrast with white is only 1.5:1, while with black it is 13.7:1.

What colors go with pink?

It pairs well with gray, white, navy blue, sage green, beige. Avoid pairing it with intense red or bright orange without a neutral, because pink looks dull. With too many other pastels it can look childish.