О цвете Medium Blue
Medium Blue (mediumblue) — средний, насыщенный синий с HEX-кодом #0000cd, или rgb(0, 0, 205). В HSL он имеет тон 240°, насыщенность 100% и светлоту 40%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому можно написать color: mediumblue; вместо HEX-значения.
Использование Medium Blue для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Medium Blue на белом | 11.16 : 1 | AAA |
| Текст Medium Blue на чёрном | 1.88 : 1 | не проходит |
На фоне средне-синего используйте белый текст (11.16 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в Проверке контраста.
CSS
.element {
color: mediumblue; /* or #0000cd */
background-color: #0000cd;
border: 1px solid rgb(0 0 205 / 50%);
}Похожие именованные цвета
Синий (#0000ff), Тёмно-синий (#00008b), Navy (#000080), Полуночно-синий (#191970), Индиго (#4b0082), Тёмный грифельно-синий (#483d8b).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у средне-синего цвета?
#0000cd — это rgb(0, 0, 205) и hsl(240, 100%, 40%). В CSS можно также просто написать mediumblue.
Читается ли средне-синий текст на белом?
Коэффициент контраста на белом — 11.16 : 1, что проходит WCAG AA для обычного текста.
Какие цвета сочетаются со средне-синим?
Дополнительный цвет — #cccc00; аналоговые #0066cc и #6600cc находятся рядом с ним на цветовом круге.