Код цвета хаки (#f0e68c)

Хаки — #f0e68c в HEX и rgb(240, 230, 140), светло-жёлтый цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и то, насколько цвет читаем как текст.

Обновлено

Хаки
#f0e68c
Имя в CSSkhaki
Hex#f0e68c
RGBrgb(240, 230, 140)
HSLhsl(54 77% 75%)
HWBhwb(54 55% 6%)
CMYK0%, 4%, 42%, 6%

Оттенки и тона

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

О цвете хаки

Хаки (khaki) — светлый, насыщенный жёлтый цвет с HEX-кодом #f0e68c, или rgb(240, 230, 140). В модели HSL он имеет оттенок 54°, насыщенность 77% и светлоту 75%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: khaki;.

Цвет хаки в тексте и фоне

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

На фоне цвета хаки используйте чёрный текст (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-код у цвета хаки?
#f0e68c — это rgb(240, 230, 140) и hsl(54, 77%, 75%). В CSS можно также просто написать khaki.
Читается ли текст цвета хаки на белом?
Коэффициент контраста с белым составляет 1.28 : 1, что не проходит требования WCAG. Используйте такой цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с хаки?
Его комплементарный цвет — #8e98f0; аналогичные цвета #f0b58e и #c9f08e находятся рядом с ним на цветовом круге.