Код цвета Light Pink (#ffb6c1)

Light Pink в HEX — #ffb6c1, в RGB — rgb(255, 182, 193). Это очень светлый красный оттенок. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста этого цвета.

Обновлено

Светло-розовый
#ffb6c1
Имя в CSSlightpink
Hex#ffb6c1
RGBrgb(255, 182, 193)
HSLhsl(351 100% 86%)
HWBhwb(351 71% 0%)
CMYK0%, 29%, 24%, 0%

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

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

О цвете Light Pink

Светло-розовый (lightpink) — очень светлый, яркий красный цвет с HEX-кодом #ffb6c1 или rgb(255, 182, 193). В HSL его тон составляет 351°, насыщенность 100%, светлота 86%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightpink;.

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

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

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

CSS

.element {
  color: lightpink;               /* or #ffb6c1 */
  background-color: #ffb6c1;
  border: 1px solid rgb(255 182 193 / 50%);
}

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

Розовый (#ffc0cb), Персиковый (#ffdab9), Пшеничный (#f5deb3), Белый навахо (#ffdead), Бисквитный (#ffe4c4), Чертополоховый (#d8bfd8).

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

Какой HEX-код у светло-розового цвета?
#ffb6c1 — это rgb(255, 182, 193) и hsl(351, 100%, 86%). В CSS можно также просто написать lightpink.
Читается ли светло-розовый текст на белом фоне?
Коэффициент контраста на белом — 1.65 : 1, что не соответствует WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-розовым?
Дополнительный цвет — #b8fff4; аналоговые #ffb8e6 и #ffd1b8 расположены рядом с ним на цветовом круге.