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

Колір блакитний

Світлий синій ясного неба. В Україні він асоціюється з верхньою смугою державного прапора, а в Аргентині та Уругваї — з прапором і футбольною збірною. Його використовують у дитячому одязі, на стінах і як тло сайтів.

Інші назви: небесно-блакитний.

Блакитний · #87CEEB

Колір блакитний: основні дані

Колір блакитний (#87CEEB) — холодний, світлий і середньої насиченості. Належить до групи: відтінки синього. Складається з 135 червоного, 206 зеленого й 235 синього (за шкалою до 255). Де його найчастіше використовують: Дитяче, Декор, Веб.

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

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

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

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

Колір блакитний: колірні гармонії

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

КомплементарнаБлизький до: Нюдовий
АналоговіБлизький до: Колір морської хвилі, Гліцинієвий
ТріадаБлизький до: Неоновий рожевий, Пастельний жовтий
Розщеплена комплементарнаБлизький до: Рожевий фламінго, Ванільний
ТетрадаБлизький до: Лавандовий, Нюдовий, Світло-зелений

Колір блакитний: готові палітри

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

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

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

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

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

CSS-код

:root {
  --blakytnyi: #87CEEB;
  --blakytnyi-rgb: 135, 206, 235;
}
.tlo { background-color: var(--blakytnyi); }
.tekst { color: var(--blakytnyi); }

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

Ніжно-блакитнийСвітло-блакитнийПастельний блакитнийПастельний бірюзовийСіро-блакитнийКолір морської хвиліСрібнийПопелястийСвітло-сірийТемно-бірюзовий

Тематичні палітри з цим кольором

Палітри кольорів для агентства нерухомостіВесняні палітри кольорівДитячі палітри кольорівПалітри кольорів Патагонії

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

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

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

Який код кольору блакитний?

HEX-код кольору блакитний — #87CEEB. У RGB це rgb(135, 206, 235), у HSL — hsl(197, 71%, 73%), а в CMYK — 43, 12, 0, 8.

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

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

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

Краще використовуйте чорний текст: контраст із білим лише 1.7:1, а з чорним — 12.1:1.

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

Добре поєднується з такими кольорами: білий, темно-синій, бежевий, пудрово-рожевий, сірий. Не поєднуйте його з електрик-синім чи насиченим фіолетовим: блакитний здається тьмяним. З чорним він може виглядати надто різко.