hotpink
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.
#FF69B4
CSS color
Hot Pink (#FF69B4) is a vivid, bright pink CSS named color sitting between deep pink and light pink on the saturation scale. The term 'hot pink' was popularized by fashion designer Elsa Schiaparelli in the 1930s, and it has become synonymous with confident, unapologetic femininity in Western culture—most notably embodied by the 2023 Barbie film aesthetic.
Color Values
#FF69B4
255, 105, 180
330.0, 100.0%, 70.6%
330.0, 58.8%, 100.0%
0.0%, 58.8%, 29.4%, 0.0%
0.7283 0.1971 352.0
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: #FF69B4;
color: #FF69B4;
border-color: #FF69B4;
Pink 400
#F472B6
Tailwind Shades
Contrast Checker
Text on white
2.65:1
Text on black
7.93:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FF69B4?
RGB(255, 105, 180) · HSL(330.0, 100.0%, 70.6%) · CMYK(0.0%, 58.8%, 29.4%, 0.0%)
Does #FF69B4 meet WCAG contrast on white?
2.65:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FF69B4?
Use 000000 text on a #FF69B4 background; contrast on black is 7.93:1.