Код цвета Moccasin (#ffe4b5)

Moccasin — это #ffe4b5 в HEX и rgb(255, 228, 181), очень светлый оранжевый цвет. Ниже вы найдёте все форматы цвета, оттенки и тени, гармонии и то, насколько он читаем как текст.

Обновлено

Moccasin
#ffe4b5
Имя в CSSmoccasin
Hex#ffe4b5
RGBrgb(255, 228, 181)
HSLhsl(38 100% 85%)
HWBhwb(38 71% 0%)
CMYK0%, 11%, 29%, 0%

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

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

О цвете Moccasin

Moccasin (moccasin) — очень светлый, насыщенный оранжевый цвет с HEX-кодом #ffe4b5, или rgb(255, 228, 181). В HSL он имеет тон 38°, насыщенность 100% и светлоту 85%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: moccasin;.

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

СочетаниеКоэффициент контрастаWCAG
Текст Moccasin на белом1.23 : 1не проходит
Текст Moccasin на чёрном17.02 : 1AAA

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

CSS

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

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

Навахо-белый (#ffdead), Персиковый пуф (#ffdab9), Пшеничный (#f5deb3), Бисквитный (#ffe4c4), Бледно-золотистый (#eee8aa), Миндальный блан (#ffebcd).

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

Какой HEX-код у цвета moccasin?
#ffe4b5 — это rgb(255, 228, 181) и hsl(38, 100%, 85%). В CSS можно также просто написать moccasin.
Читается ли текст цвета moccasin на белом фоне?
Коэффициент контраста с белым — 1.23 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с moccasin?
Его комплементарный цвет — #b3cfff; аналогичные цвета #ffbdb3 и #f5ffb3 находятся рядом с ним на цветовом круге.