О цвете Васильковый
Васильковый (cornflowerblue) — светлый яркий синий цвет с HEX-кодом #6495ed, или rgb(100, 149, 237). В HSL он имеет тон 219°, насыщенность 79% и светлоту 66%. Это один из 148 именованных цветов, которые понимает каждый браузер, поэтому вместо HEX-значения можно написать color: cornflowerblue;.
Использование василькового цвета для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст василькового цвета на белом | 2.97 : 1 | не проходит |
| Текст василькового цвета на чёрном | 7.06 : 1 | AAA |
На фоне василькового цвета используйте текст чёрного цвета (7.06 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: cornflowerblue; /* or #6495ed */
background-color: #6495ed;
border: 1px solid rgb(100 149 237 / 50%);
}Похожие именованные цвета
Средний сланцево-синий (#7b68ee), Королевский синий (#4169e1), Средний пурпурный (#9370db), Небесно-голубой (#87ceeb), Стальной синий (#4682b4), Сланцево-синий (#6a5acd).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.