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.

Значения цвета

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

Свойства

Тёплый Светлый Ближайший: hotpink

Психология цвета

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.

Цветовые гармонии

Комплементарный

Аналогичный

Триадный

Раздельно-комплементарный

Тетрадный

Симуляция цветовой слепоты

Использование в CSS

background-color: #FF69B4;
color: #FF69B4;
border-color: #FF69B4;
Ближайший Tailwind-оттенок: Pink 400 #F472B6

Оттенки Tailwind

Проверка контрастности

Текст на белом

2,65:1

AA Fail AAA Fail

Текст на чёрном

7,93:1

AA Pass AAA Pass

Сравнить с

Входит в коллекции

Похожие статьи

Часто задаваемые вопросы

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 Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #FF69B4?

Use 000000 text on a #FF69B4 background; contrast on black is 7,93:1.