pink
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
#FFC0CB
CSS color
Overview
Pink is a pale, desaturated red โ rgb(255, 192, 203), hex #FFC0CB โ that keeps the red channel at full while lifting green and blue high enough to soften the hue into a light tint. Its low saturation and near-maximum brightness place it close to white on the value scale, at roughly 349 degrees on the hue wheel. Pink belongs to the extended CSS3 named colors and is essentially red mixed toward white, which is what gives it its gentle, high-key character. The keyword anchors a family of related tints in CSS, and its softness makes it a frequent choice for backgrounds and highlights that need warmth without intensity.
Pink (#FFC0CB) is the quintessential CSS pink โ a warm, light red named after the flower of the dianthus plant (called "pink" for its pinked, jagged petals). Pink is one of the most culturally significant colors in the world, carrying associations with romance, femininity, softness, and innocence across many cultures. As a CSS named color, it delivers universally recognized warm pink in digital design.
On this page
Color Values
#FFC0CB
255, 192, 203
349.5, 100.0%, 87.6%
349.5, 24.7%, 100.0%
0.0%, 24.7%, 20.4%, 0.0%
0.8677 0.0735 7.1
Properties
Color Psychology
Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.
Design Usage
Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #FFC0CB;
color: #FFC0CB;
border-color: #FFC0CB;
Rose 200
#FECDD3
Tailwind Shades
Contrast Checker
Text on white
1.54:1
Text on black
13.65:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FFC0CB?
RGB(255, 192, 203) · HSL(349.5, 100.0%, 87.6%) · CMYK(0.0%, 24.7%, 20.4%, 0.0%)
Does #FFC0CB meet WCAG contrast on white?
1.54:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FFC0CB?
Use 000000 text on a #FFC0CB background; contrast on black is 13.65:1.