О тёмно-красном цвете
Тёмно-красный (darkred) — тёмный насыщенный красный цвет с HEX-кодом #8b0000, или rgb(139, 0, 0). В модели HSL он имеет тон 0°, насыщенность 100% и светлоту 27%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkred;.
Использование тёмно-красного для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Тёмно-красный текст на белом | 10.01 : 1 | AAA |
| Тёмно-красный текст на чёрном | 2.10 : 1 | не проходит |
На тёмно-красном фоне используйте белый текст (10.01 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: darkred; /* or #8b0000 */
background-color: #8b0000;
border: 1px solid rgb(139 0 0 / 50%);
}Похожие именованные цвета
Бордовый (#800000), Кирпичный (#b22222), Коричневый (#a52a2a), Коричневый седла (#8b4513), Сиена (#a0522d), Малиновый (#dc143c).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у тёмно-красного цвета?
#8b0000 — это rgb(139, 0, 0) и hsl(0, 100%, 27%). В CSS можно также просто написать darkred.
Хорошо ли читается тёмно-красный текст на белом фоне?
Коэффициент контраста на белом составляет 10.01 : 1, что соответствует требованиям WCAG AA для обычного текста.
Какие цвета хорошо сочетаются с тёмно-красным?
Его комплементарный цвет — #008a8a; аналогичные цвета #8a0045 и #8a4500 расположены рядом с ним на цветовом круге.