Код цвета Steel Blue (#4682b4)

Steel Blue — это #4682b4 в HEX и rgb(70, 130, 180), средний синий цвет. Ниже: все форматы цвета, оттенки и затемнения, гармонии и читаемость текста.

Обновлено

Стальной синий
#4682b4
Имя в CSSsteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMYK61%, 28%, 0%, 29%

Оттенки и затемнения

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

О цвете Steel Blue

Steel Blue (steelblue) — средний, умеренно насыщенный синий цвет с HEX-кодом #4682b4, или rgb(70, 130, 180). В HSL его оттенок составляет 207°, насыщенность 44%, светлота 49%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: steelblue;.

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

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

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

CSS

.element {
  color: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

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

Cadet Blue (#5f9ea0), Royal Blue (#4169e1), Slate Gray (#708090), Light Slate Gray (#778899), Slate Blue (#6a5acd), Light Sea Green (#20b2aa).

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

Какой HEX-код у стального синего?
#4682b4 — это rgb(70, 130, 180) и hsl(207, 44%, 49%). В CSS можно также просто написать steelblue.
Читается ли текст цвета steel blue на белом?
Коэффициент контраста на белом фоне — 4.11 : 1, что подходит только для крупного текста (WCAG AA large).
Какие цвета сочетаются со steel blue?
Его комплементарный цвет — #b47746; аналоговые цвета #46b4ae и #464bb4 расположены рядом с ним на цветовом круге.