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

Цвет «тёмно-синий»

Глубокий синий с малым количеством света, близкий к морскому синему. В CSS он называется darkblue. Выглядит солидно и часто встречается у корпоративных брендов и в текстах на светлом фоне.

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

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

HEX-код цвета «тёмно-синий» — #00008B. В RGB это rgb(0, 0, 139), в HSL — hsl(240, 100%, 27%), а в CMYK — 100, 100, 0, 45.

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

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

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

Ультрамарин#120A8FМорской синий#000080Индиговый#4B0082Синий Кляйна#002FA7Тёмно-фиолетовый#6A0DADВиноградный#6F2DA8

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

Цвет «тёмно-синий» (#00008B) — холодный, тёмный и очень насыщенный. Он относится к группе оттенки синего. Он состоит из 0 частей красного, 0 — зелёного и 139 — синего (из 255). Типичное применение: Веб, Брендинг, Мода.

Тёмно-синий: образец цвета с оттенками от светлого до тёмного · #00008B
Тёмно-синий · #00008B

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

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

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

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

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

КомплементарнаяБлизко к: Оливковый
АналоговыеБлизко к: Океанский синий, Индиговый
ТриадаБлизко к: Кроваво-красный, Зелёный
Расщеплённая комплементарнаяБлизко к: Коричневый, Авокадо
ТетрадаБлизко к: Тёмно-розовый, Оливковый, Морской зелёный

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

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

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

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

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

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

CSS-код

:root {
  --temno-siniy: #00008B;
  --temno-siniy-rgb: 0, 0, 139;
}
.фон { background-color: var(--temno-siniy); }
.текст { color: var(--temno-siniy); }

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

Полночно-синийКобальтовыйСланцево-синийПурпурный

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

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

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

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

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

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

HEX-код цвета «тёмно-синий» — #00008B. В RGB это rgb(0, 0, 139), в HSL — hsl(240, 100%, 27%), а в CMYK — 100, 100, 0, 45.

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

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

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

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