О цвете хаки
Хаки (khaki) — светлый, насыщенный жёлтый цвет с HEX-кодом #f0e68c, или rgb(240, 230, 140). В модели HSL он имеет оттенок 54°, насыщенность 77% и светлоту 75%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: khaki;.
Цвет хаки в тексте и фоне
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст цвета хаки на белом | 1.28 : 1 | не проходит |
| Текст цвета хаки на чёрном | 16.40 : 1 | AAA |
На фоне цвета хаки используйте чёрный текст (16.40 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в проверке контраста.
CSS
.element {
color: khaki; /* or #f0e68c */
background-color: #f0e68c;
border: 1px solid rgb(240 230 140 / 50%);
}
Похожие именованные цвета
Бледный золотарник (#eee8aa), Белый навахо (#ffdead), Пшеничный (#f5deb3), Мокасин (#ffe4b5), Персиковый (#ffdab9), Древесный (#deb887).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.