Код пшеничного цвета (#f5deb3)

Пшеничный имеет код #f5deb3 в HEX и rgb(245, 222, 179) — очень светлый оранжевый. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста на этом фоне.

Обновлено

Пшеничный
#f5deb3
Название CSSwheat
Hex#f5deb3
RGBrgb(245, 222, 179)
HSLhsl(39 77% 83%)
HWBhwb(39 70% 4%)
CMYK0%, 9%, 27%, 4%

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

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

О пшеничном цвете

Пшеничный (wheat) — очень светлый яркий оранжевый с HEX-кодом #f5deb3, или rgb(245, 222, 179). В HSL его тон составляет 39°, насыщенность 77%, светлота 83%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: wheat;.

Использование пшеничного цвета для текста и фона

СочетаниеКоэффициент контрастаWCAG
Пшеничный текст на белом1.31 : 1не проходит
Пшеничный текст на чёрном15.98 : 1AAA

На пшеничном фоне используйте чёрный текст (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-код у пшеничного цвета?
#f5deb3 — это rgb(245, 222, 179) и hsl(39, 77%, 83%). В CSS можно также просто написать wheat.
Читается ли пшеничный текст на белом фоне?
Коэффициент контраста на белом фоне — 1.31 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета сочетаются с пшеничным?
Его комплементарный цвет — #b2caf5; аналоговые цвета #f5bcb2 и #ebf5b2 находятся рядом с ним на цветовом круге.