Код цвета Hot Pink (#ff69b4)

Ярко-розовый имеет HEX-код #ff69b4, или rgb(255, 105, 180) — это светлый розовый. Ниже: все цветовые форматы, оттенки и тона, гармонии и то, насколько цвет читаем как текст.

Обновлено

Ярко-розовый
#ff69b4
Имя в CSShotpink
Hex#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HWBhwb(330 41% 0%)
CMYK0%, 59%, 29%, 0%

Оттенки и тона

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

О цвете Hot Pink

Ярко-розовый (hotpink) — светлый, насыщенный розовый с HEX-кодом #ff69b4, или rgb(255, 105, 180). В модели HSL он имеет оттенок 330°, насыщенность 100% и светлоту 71%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: hotpink;.

Использование Hot Pink для текста и фона

Пара цветовКоэффициент контрастаWCAG
Текст Hot Pink на белом2.65 : 1не проходит
Текст Hot Pink на чёрном7.93 : 1AAA

На ярко-розовом фоне используйте текст чёрного цвета (7.93 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в Проверке контраста.

CSS

.element {
  color: hotpink;               /* or #ff69b4 */
  background-color: #ff69b4;
  border: 1px solid rgb(255 105 180 / 50%);
}

Похожие именованные цвета

Бледно-фиолетово-красный (#db7093), Орхидея (#da70d6), Светлый коралловый (#f08080), Фиолетовый (#ee82ee), Лососевый (#fa8072), Сливовый (#dda0dd).

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

Какой HEX-код у ярко-розового цвета?
#ff69b4 — это rgb(255, 105, 180) и hsl(330, 100%, 71%). В CSS можно также просто написать hotpink.
Читается ли ярко-розовый текст на белом фоне?
Коэффициент контраста на белом составляет 2.65 : 1, что не проходит WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с ярко-розовым?
Его дополнительный цвет — #6bffb5; аналогичные цвета #ff6bff и #ff6b6b находятся рядом с ним на цветовом круге.