Цветовые палитры

Цвет «стально-синий»

Средний синий с сероватым подтоном, как отблеск стали. В CSS он называется steelblue. Сдержанный и технический, подходит для интерфейсов и промышленных брендов.

Другие названия: steelblue.

Открыть в редакторе

HEX-код цвета «стально-синий» — #4682B4. В RGB это rgb(70, 130, 180), в HSL — hsl(207, 44%, 49%), а в CMYK — 61, 28, 0, 29.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «стально-синий»

Лазоревый#007BA7Сине-серый#7393B3Французский синий#0072BBОкеанский синий#005A9CСланцево-серый#708090Пыльно-голубой#8C9EB1

Цвет «стально-синий» вкратце

Цвет «стально-синий» (#4682B4) — холодный, средней светлоты и средней насыщенности. Он относится к группе оттенки синего. Он состоит из 70 частей красного, 130 — зелёного и 180 — синего (из 255). Типичное применение: Веб, Промышленность, Мода.

Стально-синий: образец цвета с оттенками от светлого до тёмного · #4682B4
Стально-синий · #4682B4

Оттенки цвета «стально-синий»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «стально-синий»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Медный
АналоговыеБлизко к: Медянка, Кобальтовый
ТриадаБлизко к: Шелковичный, Фисташковый
Расщеплённая комплементарнаяБлизко к: Индийский красный, Латунный
ТетрадаБлизко к: Орхидея, Медный, Лесной зелёный

Палитры с цветом «стально-синий»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Стально-синий
Палитра: Аналоговая · Стально-синий
Палитра: Комплементарная · Стально-синий
Палитра: Триада · Стально-синий
Палитра: С нейтральными цветами · Стально-синий
Палитра: С акцентом · Стально-синий

Контраст цвета «стально-синий» с текстом

Белый текстКонтраст 4.1:1 · AA крупный текст
Чёрный текстКонтраст 5.1:1 · AA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --stalnoy-siniy: #4682B4;
  --stalnoy-siniy-rgb: 70, 130, 180;
}
.фон { background-color: var(--stalnoy-siniy); }
.текст { color: var(--stalnoy-siniy); }

Цвета, похожие на цвет «стально-синий»

ВасильковыйНасыщенный небесно-голубойПетролевыйСтально-серый

Тематические палитры с этим цветом

Палитры цветов для кинсеаньеры (праздника 15-летия)Палитры цветов для InstagramПалитры цветов для дипломной и бакалаврской работыЦветовые палитры для медицинского кабинета и клиникиЭстетичные цветовые палитры

Другие: оттенки синего

СинийМорской синийНебесно-голубойКобальтовыйСапфировыйКоролевский синийЭлектрикПолночно-синийУльтрамаринФранцузский синийПрусский синийПастельно-голубойДетский голубойДжинсовый синийСиний КляйнаТёмно-синийСветло-голубойЛазоревыйБарвинковыйЛазурно-синийВасильковыйПыльно-голубойОкеанский синийПудрово-голубой
Стально-синий: образец цвета с оттенками от светлого до тёмного · #4682B4
Стально-синий: образец цвета с оттенками от светлого до тёмного · #4682B4

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «стально-синий»?

HEX-код цвета «стально-синий» — #4682B4. В RGB это rgb(70, 130, 180), в HSL — hsl(207, 44%, 49%), а в CMYK — 61, 28, 0, 29.

Какой цвет дополняет цвет «стально-синий»?

Дополнительный цвет на цветовом круге — #B47846, оттенок, близкий к цвету «медный». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «стально-синий»?

Лучше используй чёрный текст: контраст с белым всего 4.1:1, а с чёрным — 5.1:1.