CSS Color: Pink
Named CSS color Pink — #FFC0CB in HEX, rgb(255, 192, 203) in RGB, hsl(350, 100%, 88%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Pink | color: Pink; |
| HEX | #FFC0CB | color: #FFC0CB; |
| RGB | rgb(255, 192, 203) | color: rgb(255, 192, 203); |
| HSL | hsl(350, 100%, 88%) | color: hsl(350, 100%, 88%); |
About Pink
Pink is a classic, soft pink that is lighter and gentler than most people expect. At hex `#FFC0CB`, it has maximum red (255) with high green (192) and blue (203). Sitting at 350 degrees with full saturation and 88% lightness, it is essentially a very pale warm red.
In web design, Pink is used for soft backgrounds, gentle accents, and designs that need warmth without intensity. It is popular in beauty, wedding, and lifestyle websites. Its subtlety makes it suitable for large areas where bolder pinks would be overwhelming.
For accessibility, Pink against white achieves only about 1.5:1 contrast — it is a background-only color on light surfaces. Use dark text on Pink backgrounds. Against very dark backgrounds, it provides good readability.
Pink is much lighter than HotPink and DeepPink. It pairs well with gray, navy, charcoal, burgundy, and white. In Tailwind CSS, `pink-200` or `rose-200` provide close matches for this gentle, universally recognized pink.
FAQ
What is the hex code for Pink?
The CSS named color Pink has the hex code #FFC0CB. You can use it in CSS as color: #FFC0CB; or simply color: Pink;.
What is Pink in RGB?
In RGB notation, Pink is rgb(255, 192, 203). Use it in CSS as color: rgb(255, 192, 203);.
What is Pink in HSL?
In HSL notation, Pink is hsl(350, 100%, 88%). Use it in CSS as color: hsl(350, 100%, 88%);.
What color category is Pink?
Pink belongs to the Pink color family in the CSS named colors specification.
Can I use the name "Pink" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Pink; or background-color: Pink; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert Pink to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →