Код розового цвета (#ffc0cb)

Розовый — это #ffc0cb в HEX и rgb(255, 192, 203), очень светлый оттенок красного. Ниже: все цветовые форматы, оттенки и тени, гармонии и читаемость цвета как текста.

Обновлено

Розовый
#ffc0cb
Имя в CSSpink
Hex#ffc0cb
RGBrgb(255, 192, 203)
HSLhsl(350 100% 88%)
HWBhwb(350 75% 0%)
CMYK0%, 25%, 20%, 0%

Оттенки и тени

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

О розовом цвете

Розовый (pink) — очень светлый и яркий красный с HEX-кодом #ffc0cb, или rgb(255, 192, 203). В HSL он имеет оттенок 350°, насыщенность 100% и светлоту 88%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: pink;.

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

СочетаниеКоэффициент контрастностиWCAG
Розовый текст на белом1.54 : 1не проходит
Розовый текст на черном13.65 : 1AAA

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

CSS

.element {
  color: pink;               /* or #ffc0cb */
  background-color: #ffc0cb;
  border: 1px solid rgb(255 192 203 / 50%);
}

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

Светло-розовый (#ffb6c1), Персиковый (#ffdab9), Бисквитный (#ffe4c4), Пшеничный (#f5deb3), Чертополоховый (#d8bfd8), Туманная роза (#ffe4e1).

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

Какой HEX-код у розового цвета?
#ffc0cb — это rgb(255, 192, 203) и hsl(350, 100%, 88%). В CSS можно также просто написать pink.
Читается ли розовый текст на белом?
Коэффициент контрастности на белом фоне составляет 1.54 : 1, что не соответствует WCAG — используйте его для декора или на темном фоне.
Какие цвета сочетаются с розовым?
Дополнительный цвет — #c2fff5; аналогичные цвета #ffc2eb и #ffd6c2 расположены рядом с ним на цветовом круге.