Цвет Midnight Blue (#191970)

Midnight Blue — #191970 в HEX и rgb(25, 25, 112), тёмно-синий цвет. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста.

Обновлено

Полночный синий
#191970
Имя в CSSmidnightblue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240 64% 27%)
HWBhwb(240 10% 56%)
CMYK78%, 78%, 0%, 56%

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

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

О цвете Midnight Blue

Midnight Blue (midnightblue) — тёмный насыщенный синий с HEX-кодом #191970, или rgb(25, 25, 112). В HSL он имеет тон 240°, насыщенность 64% и светлоту 27%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: midnightblue;.

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

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

На тёмно-синем фоне используйте текст белого цвета (14.85 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.

CSS

.element {
  color: midnightblue;               /* or #191970 */
  background-color: #191970;
  border: 1px solid rgb(25 25 112 / 50%);
}

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

Морской синий (#000080), Тёмно-синий (#00008b), Индиго (#4b0082), Тёмный грифельно-синий (#483d8b), Тёмный грифельно-серый (#2f4f4f), Rebecca Purple (#663399).

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

Какой HEX-код у цвета midnight blue?
#191970 — это rgb(25, 25, 112) и hsl(240, 64%, 27%). В CSS можно также просто написать midnightblue.
Читается ли текст midnight blue на белом фоне?
Коэффициент контраста на белом составляет 14.85 : 1, что соответствует WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с midnight blue?
Его комплементарный цвет — #717119; аналогичные цвета #194571 и #451971 находятся рядом с ним на цветовом круге.