О цвете 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 : 1 | AAA |
| Текст 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-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.