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

Цвет «сине-серый»

Серый с отчётливым синим оттенком. Холодный, но приветливый. Используется в спальнях, официальной одежде и сдержанных интерфейсах.

Другие названия: серо-голубой.

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

HEX-код цвета «сине-серый» — #7393B3. В RGB это rgb(115, 147, 179), в HSL — hsl(210, 30%, 58%), а в CMYK — 36, 18, 0, 30.

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

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

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

Пыльно-голубой#8C9EB1Сланцево-серый#708090Стально-синий#4682B4Оловянный#899499Лазоревый#007BA7Стально-серый#71797E

Цвет «сине-серый» вкратце

Цвет «сине-серый» (#7393B3) — холодный, средней светлоты и приглушённый. Он относится к группе оттенки серого. Он состоит из 115 частей красного, 147 — зелёного и 179 — синего (из 255). Типичное применение: Интерьер, Мода, Веб.

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

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

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

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

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

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

КомплементарнаяБлизко к: Светло-коричневый
АналоговыеБлизко к: Медянка, Ультрафиолетовый
ТриадаБлизко к: Пыльно-лавандовый, Моховой
Расщеплённая комплементарнаяБлизко к: Пыльная роза, Песочный
ТетрадаБлизко к: Сливовый, Светло-коричневый, Фисташковый

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

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

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

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

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

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

CSS-код

:root {
  --sero-goluboy: #7393B3;
  --sero-goluboy-rgb: 115, 147, 179;
}
.фон { background-color: var(--sero-goluboy); }
.текст { color: var(--sero-goluboy); }

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

СерыйСвинцово-серыйДымчато-серыйДетский голубой

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

Палитры цветов для крестинЦветовые палитры для магазина одеждыЦветовые палитры для спальниЦветовые палитры для кухниЦветовые палитры для детской комнатыСпокойные и успокаивающие цветовые палитры

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

СерыйСветло-серыйТёмно-серыйСеребряныйУгольно-серыйСланцево-серыйПепельно-серыйЖемчужно-серыйОксфордский серыйГрафитовыйТаупСтально-серыйСвинцово-серыйДымчато-серыйКаменно-серыйПлатиновыйГрейджСерый меланжОловянныйТёплый серый
Сине-серый: образец цвета с оттенками от светлого до тёмного · #7393B3
Сине-серый: образец цвета с оттенками от светлого до тёмного · #7393B3

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очкиКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветное
Все бесплатные инструменты →

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

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

HEX-код цвета «сине-серый» — #7393B3. В RGB это rgb(115, 147, 179), в HSL — hsl(210, 30%, 58%), а в CMYK — 36, 18, 0, 30.

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

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

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

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