Цвет Dodger Blue (#1e90ff): код и значения

Dodger Blue — средний яркий синий цвет: в HEX это #1e90ff, в RGB — rgb(30, 144, 255). Ниже все форматы цвета, оттенки и тени, гармонии и читаемость текста на этом фоне.

Обновлено

Dodger Blue
#1e90ff
Имя в CSSdodgerblue
Hex#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(210 100% 56%)
HWBhwb(210 12% 0%)
CMYK88%, 44%, 0%, 0%

Оттенки и тени

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

О цвете Dodger Blue

Dodger Blue (dodgerblue) — средний яркий синий цвет с HEX-кодом #1e90ff, или rgb(30, 144, 255). В HSL он имеет тон 210°, насыщенность 100% и светлоту 56%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: dodgerblue;.

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

СочетаниеКоэффициент контрастаWCAG
Текст Dodger Blue на белом3.24 : 1только AA для крупного текста
Текст Dodger Blue на чёрном6.49 : 1AA

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

CSS

.element {
  color: dodgerblue;               /* or #1e90ff */
  background-color: #1e90ff;
  border: 1px solid rgb(30 144 255 / 50%);
}

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

Deep Sky Blue (#00bfff), Royal Blue (#4169e1), Cornflower Blue (#6495ed), Dark Turquoise (#00ced1), Steel Blue (#4682b4), Light Sea Green (#20b2aa).

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

Какой HEX-код у цвета Dodger Blue?
#1e90ff — это rgb(30, 144, 255) и hsl(210, 100%, 56%). В CSS можно также написать просто dodgerblue.
Читается ли текст цвета Dodger Blue на белом фоне?
Коэффициент контраста с белым составляет 3.24 : 1, что подходит только для крупного текста (WCAG AA large).
Какие цвета сочетаются с Dodger Blue?
Дополнительный цвет — #ff8f1f; аналоговые цвета #1fffff и #1f1fff находятся рядом с ним на цветовом круге.