Код цвета Powder Blue (#b0e0e6)

Powder Blue — это #b0e0e6 в HEX и rgb(176, 224, 230), очень светлый циан. Ниже: все форматы цвета, оттенки и тона, гармонии и то, насколько цвет читаем как текст.

Обновлено

Порошково-голубой
#b0e0e6
Имя в CSSpowderblue
Hex#b0e0e6
RGBrgb(176, 224, 230)
HSLhsl(187 52% 80%)
HWBhwb(187 69% 10%)
CMYK23%, 3%, 0%, 10%

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

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

О цвете Powder Blue

Powder Blue (powderblue) — очень светлый, умеренно насыщенный циан с HEX-кодом #b0e0e6, или rgb(176, 224, 230). В HSL его оттенок 187°, насыщенность 52%, светлота 80%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: powderblue;.

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

ПараКоэффициент контрастаWCAG
Текст Powder Blue на белом1.43 : 1не проходит
Текст Powder Blue на чёрном14.65 : 1AAA

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

CSS

.element {
  color: powderblue;               /* or #b0e0e6 */
  background-color: #b0e0e6;
  border: 1px solid rgb(176 224 230 / 50%);
}

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

Светло-голубой (#add8e6), Бледно-бирюзовый (#afeeee), Светлый стально-синий (#b0c4de), Светло-серый (#d3d3d3), Небесно-голубой (#87ceeb), Гейнсборо (#dcdcdc).

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

Какой HEX-код у powder blue?
#b0e0e6 — это rgb(176, 224, 230) и hsl(187, 52%, 80%). В CSS можно также просто написать powderblue.
Читается ли текст цвета powder blue на белом?
Коэффициент контраста на белом — 1.43 : 1, что не соответствует WCAG. Лучше используйте его для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с powder blue?
Дополнительный цвет — #e7b8b1; аналоговые #b1e7d2 и #b1c6e7 расположены рядом с ним на цветовом круге.