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

Цвет «угольно-серый»

Очень тёмный серый с синеватым оттенком, как древесный уголь. Серьёзный и элегантный. Базовый цвет для костюмов, пальто и акцентных стен.

Другие названия: charcoal, угольный.

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

HEX-код цвета «угольно-серый» — #36454F. В RGB это rgb(54, 69, 79), в HSL — hsl(204, 19%, 26%), а в CMYK — 32, 13, 0, 69.

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

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

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

Графитовый#474A51Оксфордский серый#3A3B3CОниксовый#353839Антрацитовый#293133Гагатовый#343434Тёмно-серый#555555

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

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

Угольно-серый: образец цвета с оттенками от светлого до тёмного · #36454F
Угольно-серый · #36454F

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

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

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

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

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

КомплементарнаяБлизко к: Тауп
Аналоговые
ТриадаБлизко к: Баклажановый, Охотничий зелёный
Расщеплённая комплементарнаяБлизко к: Эспрессо, Тауп
ТетрадаБлизко к: Баклажановый, Тауп, Охотничий зелёный

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

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

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

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

Белый текстКонтраст 9.9:1 · AAA
Чёрный текстКонтраст 2.1:1 · Не рекомендуется

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

CSS-код

:root {
  --ugolno-seryy: #36454F;
  --ugolno-seryy-rgb: 54, 69, 79;
}
.фон { background-color: var(--ugolno-seryy); }
.текст { color: var(--ugolno-seryy); }

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

ПетролевыйТаупСвинцово-серыйПрусский синий

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

Палитры цветов для сайтовПалитры цветов для дипломной и бакалаврской работыЦветовые палитры для резюмеЦветовые палитры для ресторанаЦветовые палитры для медицинского кабинета и клиникиЦвета для фасада дома

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

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

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

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

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

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

HEX-код цвета «угольно-серый» — #36454F. В RGB это rgb(54, 69, 79), в HSL — hsl(204, 19%, 26%), а в CMYK — 32, 13, 0, 69.

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

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

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

Да. Контраст с белым — 9.9:1, этого достаточно для обычного текста (WCAG AA).