Код цвета Ghost White (#f8f8ff)

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

Обновлено

Ghost White
#f8f8ff
Название в CSSghostwhite
Hex#f8f8ff
RGBrgb(248, 248, 255)
HSLhsl(240 100% 99%)
HWBhwb(240 97% 0%)
CMYK3%, 3%, 0%, 0%

Оттенки и тени

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

О цвете Ghost White

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

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

СочетаниеКоэффициент контрастаWCAG
Текст Ghost White на белом1.06 : 1не проходит
Текст Ghost White на чёрном19.86 : 1AAA

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

CSS

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

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

Alice Blue (#f0f8ff), Снежный (#fffafa), Мятный крем (#f5fffa), Белый (#ffffff), Лазурный (#f0ffff), Белый дым (#f5f5f5).

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

Какой HEX-код у ghost white?
#f8f8ff — это rgb(248, 248, 255) и hsl(240, 100%, 99%). В CSS можно также просто написать ghostwhite.
Читается ли текст ghost white на белом фоне?
Коэффициент контраста на белом — 1.06 : 1, что не проходит WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с ghost white?
Его комплементарный цвет — #fffffa; аналогичные цвета #fafcff и #fcfaff находятся рядом с ним на цветовом круге.