Лазуровий

#315BA1
49, 91, 161 · 218°, 53%, 41%

Значення кольору

Натисніть на значення, щоб скопіювати

Про колір Лазуровий

Лазуровий (#315BA1) — темний, помірно насичений відтінок синього. На колірному колі він стоїть на 218°, між лазуровим (210°) і синім (240°), трохи ближче до позначки 210°. У RGB він змішаний із червоного 49, зеленого 91 і синього 161 — це 19%, 36% і 63% від максимуму каналів, провідний канал — синій. У термінах HSL це тон 218°, насиченість 53% і світлота 41%.

Він із холодної половини кола: візуально відступає назад і слугує спокійною основою для великих площ. Найбільше на Лазуровий схожі Сен-Тропе, Сапфір і Матісс. Навпроти на колі лежить #A07731 — це майже Луксор Золотий.

Де використовувати Лазуровий

Лазуровий універсальний: підійде як фірмовий колір, для іконок, графіків і другорядних кнопок. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).

Щоб побудувати стани навколо кольору Лазуровий, візьміть #4070C4 для наведення і #EBF0F9 для світлого фону.

Контраст і доступність

Чи читається текст цим кольором — за стандартом WCAG 2.1

На білому
6.68:1
WCAG AA WCAG AAA AA (великий текст)
На чорному
3.14:1
WCAG AA WCAG AAA AA (великий текст)
Як тло
6.68:1
WCAG AA WCAG AAA AA (великий текст)

Лазуровий як текст і фон

На білому співвідношення 6,68:1: достатньо для основного тексту за WCAG AA, але не дотягує до AAA. На чорному він дотягує лише до 3,14:1 — тільки для великого тексту.

Для тексту поверх кольору Лазуровий перемагає білий з результатом 6,68:1. Що означають ці цифри, пояснює гід із контрасту WCAG.

Лазуровий на екрані та в друці

У перерахунку на CMYK виходить приблизно C 70% · M 43% · Y 0% · K 37%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Докладніше — у нашій статті RGB і CMYK.

Колірні гармонії

Вісім класичних схем, побудованих на цьому відтінку

Монохроматична

Відкрити →

Аналогова

Відкрити →

Комплементарна

Відкрити →

Роздільно-комплементарна

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

Освітлені відтінки

Відкрити →

Затемнені відтінки

Відкрити →

Комплементарний колір

Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.

Добре поєднується з

Пари, дібрані з каталогу за кутом гармонії

CSS-градієнти

48

48 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу