О пшеничном цвете
Пшеничный (wheat) — очень светлый яркий оранжевый с HEX-кодом #f5deb3, или rgb(245, 222, 179). В HSL его тон составляет 39°, насыщенность 77%, светлота 83%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: wheat;.
Использование пшеничного цвета для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Пшеничный текст на белом | 1.31 : 1 | не проходит |
| Пшеничный текст на чёрном | 15.98 : 1 | AAA |
На пшеничном фоне используйте чёрный текст (15.98 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: wheat; /* or #f5deb3 */
background-color: #f5deb3;
border: 1px solid rgb(245 222 179 / 50%);
}
Похожие именованные цвета
Белый навахо (#ffdead), Мокасин (#ffe4b5), Персиковый (#ffdab9), Бледно-золотистый (#eee8aa), Бисквитный (#ffe4c4), Миндальный (#ffebcd).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.