hotpink

#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

HEX

#FF69B4

RGB

255, 105, 180

HSL

330.0, 100.0%, 70.6%

HSV

330.0, 58.8%, 100.0%

CMYK

0.0%, 58.8%, 29.4%, 0.0%

OKLCH

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;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

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.