Палітри кольорів

Колір темно-синій

Англійська назва navy blue походить від форми британського Королівського флоту. Це дуже темний синій, серйозний і простий у поєднаннях. Базовий колір для костюмів, шкільної форми та морського декору.

Інші назви: нейві, морський синій.

Темно-синій · #000080

Колір темно-синій: основні дані

Колір темно-синій (#000080) — холодний, темний і дуже насичений. Належить до групи: відтінки синього. Складається з 0 червоного, 0 зеленого й 128 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Уніформа, Декор.

Колір темно-синій: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Перегляньте всі відтінки: Генератор відтінків кольору

Кольори, що поєднуються з кольором темно-синій

БілийКласичний контраст у морському стилі, чистий і свіжий.БежевийЕлегантний і спокійний дует на кожен день.КемелТеплий кемел урівноважує холодний темно-синій.ЧервонийСтворює сильний спортивний контраст.ЗолотийДодає розкоші; часто трапляється в ґудзиках і деталях.Пудрово-рожевийПом’якшує темно-синій і робить його романтичнішим.ГірчичнийТеплий сучасний акцент на темній основі.Світло-сірийСтримане поєднання, ідеальне для офісу.
Як поєднувати колір темно-синій в одязі та інтер’єрі →

Колір темно-синій: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Оливковий
АналоговіБлизький до: Ультрафіолетовий, Індиго
ТріадаБлизький до: Гранатовий, Зелений
Розщеплена комплементарнаБлизький до: Шоколадний, Зелений
ТетрадаБлизький до: Бордовий, Оливковий, Нефритовий

Колір темно-синій: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

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

Колір темно-синій: контраст із текстом

Білий текстКонтраст 16.0:1 · AAA
Чорний текстКонтраст 1.3:1 · Не рекомендовано

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --temno-synii: #000080;
  --temno-synii-rgb: 0, 0, 128;
}
.tlo { background-color: var(--temno-synii); }
.tekst { color: var(--temno-synii); }

Кольори, схожі на колір темно-синій

УльтрамаринГлибокий синійІндигоСиній КляйнаОпівнічний синійТемно-фіолетовийВинограднийКобальтовийПурпуровийСапфіровий

Інші відтінки синього

СинійБлакитнийКобальтовийСапфіровийСталевий синійКоролівський синійЕлектрикОпівнічний синійУльтрамаринФранцузький синійБерлінська лазурПастельний блакитнийНіжно-блакитнийДжинсовийСиній КляйнаГлибокий синійСвітло-блакитнийЛазуровий

Часті запитання

Який код кольору темно-синій?

HEX-код кольору темно-синій — #000080. У RGB це rgb(0, 0, 128), у HSL — hsl(240, 100%, 25%), а в CMYK — 100, 100, 0, 50.

Який колір комплементарний до кольору темно-синій?

Комплементарний колір на колірному колі — #808000, відтінок, близький до кольору «оливковий». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі темно-синій?

Так. Контраст із білим становить 16.0:1, цього достатньо для звичайного тексту (WCAG AA).

З якими кольорами поєднується колір темно-синій?

Добре поєднується з такими кольорами: білий, бежевий, кемел, червоний, золотий. Не поєднуйте його з чорним, якщо тони виглядають надто схоже: це схоже на помилку. Темний фіолетовий поруч теж зливається й робить образ менш чітким.