О цвете 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 : 1 | AAA |
На фоне 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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.