Цветовой код Floral White (#fffaf0)

Floral White — это #fffaf0 в HEX и rgb(255, 250, 240), очень светлый оранжевый. Ниже: все форматы цвета, тона и оттенки, гармонии и то, насколько цвет читаем как текст.

Обновлено

Floral White
#fffaf0
Имя в CSSfloralwhite
Hex#fffaf0
RGBrgb(255, 250, 240)
HSLhsl(40 100% 97%)
HWBhwb(40 94% 0%)
CMYK0%, 2%, 6%, 0%

Тона и оттенки

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

О цвете Floral White

Floral White (floralwhite) — очень светлый, насыщенный оранжевый с HEX-кодом #fffaf0 или rgb(255, 250, 240). В модели HSL его тон равен 40°, насыщенность 100%, светлота 97%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: floralwhite;.

Использование Floral White для текста и фона

ПараКоэффициент контрастаWCAG
Текст Floral White на белом1.04 : 1не проходит
Текст Floral White на чёрном20.18 : 1AAA

На светлом фоне Floral White используйте чёрный текст (20.18 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в проверке контраста.

CSS

.element {
  color: floralwhite;               /* or #fffaf0 */
  background-color: #fffaf0;
  border: 1px solid rgb(255 250 240 / 50%);
}

Похожие именованные цвета

Ivory (#fffff0), Sea Shell (#fff5ee), Snow (#fffafa), Lavender Blush (#fff0f5), Old Lace (#fdf5e6), White Smoke (#f5f5f5).

Часто задаваемые вопросы

Какой HEX-код у цвета floral white?
#fffaf0 — это rgb(255, 250, 240) и hsl(40, 100%, 97%). В CSS можно также просто написать floralwhite.
Читается ли текст цвета floral white на белом фоне?
Коэффициент контраста с белым составляет 1.04 : 1, что не соответствует WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с floral white?
Дополнительный цвет — #f0f5ff; аналоговые цвета #fff2f0 и #fcfff0 находятся рядом с ним на цветовом круге.