Цветовой код Misty Rose (#ffe4e1)

Misty Rose — это #ffe4e1 в HEX и rgb(255, 228, 225), очень светлый красный. Ниже — все форматы цвета, оттенки и тени, гармонии и то, насколько он читаем как текст.

Обновлено

Misty Rose
#ffe4e1
Имя в CSSmistyrose
Hex#ffe4e1
RGBrgb(255, 228, 225)
HSLhsl(6 100% 94%)
HWBhwb(6 88% 0%)
CMYK0%, 11%, 12%, 0%

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

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

О цвете Misty Rose

Misty Rose (mistyrose) — очень светлый, насыщенный красный с HEX-кодом #ffe4e1, или rgb(255, 228, 225). В HSL его оттенок равен 6°, насыщенность 100%, а светлота 94%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mistyrose;.

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

ПараКоэффициент контрастаWCAG
Текст Misty Rose на белом1.20 : 1не проходит
Текст Misty Rose на чёрном17.44 : 1AAA

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

CSS

.element {
  color: mistyrose;               /* or #ffe4e1 */
  background-color: #ffe4e1;
  border: 1px solid rgb(255 228 225 / 50%);
}

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

Antique White (#faebd7), Linen (#faf0e6), Papaya Whip (#ffefd5), Old Lace (#fdf5e6), Beige (#f5f5dc), Corn Silk (#fff8dc).

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

Какой HEX-код у цвета Misty Rose?
#ffe4e1 — это rgb(255, 228, 225) и hsl(6, 100%, 94%). В CSS можно также просто написать mistyrose.
Читается ли текст цвета Misty Rose на белом?
Коэффициент контраста на белом составляет 1.20 : 1, что не проходит требования WCAG. Используйте такой цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с Misty Rose?
Его комплементарный цвет — #e0fcff; аналогичные цвета #ffe0ed и #fff3e0 находятся рядом с ним на цветовом круге.