Pink HTML Color, Codes and Variations

pink

Pink

Pink, a pale shade of red, is one of 140 named HTML colors that browsers recognize. The color pink was named for a flower called pinks. The color is associated with politeness, femininity, childhood, romance, and sweetness.

Color Codes

COLOR NAMEPink
HEX CODE#FFC0CB
RGB255, 192, 203
HSL350°, 25%, 100%
pink
Pink

How to Use HTML Colors

HTML color names can be used with inline HTML styles or in a separate CSS stylesheet, just as you would use hex color codes.

HTML
<!-- In your HTML document -->
<body>
  <h1 style="color:Pink">Pink Title Text</h1>
  <p style="color:IndianRed">Indian red paragraph text</p>
</body>
CSS
/* In your .css stylesheet */
h1 { color: Pink; }
p { color: SlateGray; }

Variations of the Color Pink

  • Light pink is also an HTML color is written as “lightpink” This color is a little baffling because when you type in the hex code, the color is slightly deeper, not a lighter, tint of pink.
  • Hot Pink is also a web color written as “hotpink” This colored triangle also became synonymous with the gay rights movement of the 1970s.
  • Deep Pink is written as deeppink for HTML.

Light Pink #FFB6C1

Hot Pink #FF69B4

Deep Pink #FF1493

Champagne Pink #F1DDCF

Web Safe Version of Pink

Web safe colors read the same across all browsers. There are 216 colors that are in the standard web safe palette.

HEX  #FFCCCCRGB 258, 204, 204HSL 0, 20%, 100%

#FFCCCC

Pink Paint Colors

Farrow & Ball

Calamine 230

Rose Sorbet 150 A-2 by Behr

Rosy Outlook SW 6316 Sherwin Williams