Skip to content
  • No data uploaded
  • Instant results

Pink — #FFC0CB

Pink is the CSS named colour pink, hex #FFC0CB. It has a contrast ratio of 1.54:1 on white and 13.65:1 on black — best used as text on dark backgrounds.

Pink — #FFC0CB

Contrast on white 1.54:1 · on black 13.65:1

Tints
Shades
Complementary
Triadic
Analogous

Free Pink — #FFC0CB by pGento

Using Pink in code

CSS: color: pink; or color: #FFC0CB; · Tailwind: text-[#FFC0CB] · Android/Flutter: 0xFFFFC0CB

Pink colour harmonies

Complementary: #C0FFF4 · Triadic: #CBFFC0, #C0CBFF · Analogous: #FFC0EA, #FFD5C0. Use tints for backgrounds and shades for hover states.

Pink in every colour format

FormatValue
HEX#FFC0CB
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
HSVhsv(350, 25%, 100%)
CMYKcmyk(0%, 25%, 20%, 0%)
CSS namepink
Contrast on white1.54:1
Contrast on black13.65:1

Frequently asked questions

What is the hex code for Pink?
#FFC0CB (CSS name: pink).
What is Pink in RGB?
rgb(255, 192, 203)
What colour goes well with Pink?
Its complementary colour #C0FFF4, or the analogous #FFC0EA and #FFD5C0.
Pink — #FFC0CB

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.