Код цвета Alice Blue (#f0f8ff)

Alice Blue — это #f0f8ff в HEX и rgb(240, 248, 255), очень светлый голубой цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость этого цвета в виде текста.

Обновлено

Alice Blue
#f0f8ff
Название в CSSaliceblue
Hex#f0f8ff
RGBrgb(240, 248, 255)
HSLhsl(208 100% 97%)
HWBhwb(208 94% 0%)
CMYK6%, 3%, 0%, 0%

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

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

О цвете Alice Blue

Alice Blue (aliceblue) — очень светлый, яркий синий цвет с HEX-кодом #f0f8ff, или rgb(240, 248, 255). В HSL он имеет тон 208°, насыщенность 100% и светлоту 97%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: aliceblue;.

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

СочетаниеКоэффициент контрастаWCAG
Текст Alice Blue на белом1.07 : 1не проходит
Текст Alice Blue на чёрном19.58 : 1AAA

На фоне цвета Alice Blue используйте текст чёрного цвета (19.58 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно в Contrast Checker.

CSS

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

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

Лазурный (#f0ffff), Призрачно-белый (#f8f8ff), Мятно-кремовый (#f5fffa), Белый дым (#f5f5f5), Снег (#fffafa), Медовая роса (#f0fff0).

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

Какой HEX-код у цвета alice blue?
#f0f8ff — это rgb(240, 248, 255) и hsl(208, 100%, 97%). В CSS можно также написать просто aliceblue.
Читается ли текст alice blue на белом фоне?
Коэффициент контраста с белым составляет 1.07 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета сочетаются с alice blue?
Комплементарный цвет — #fff7f0. Аналогичные цвета #f0fffe и #f0f0ff находятся рядом с ним на цветовом круге.