Синій Фіолетовий

#6456B7
100, 86, 183 · 249°, 40%, 53%

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

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

Про колір Синій Фіолетовий

Синій Фіолетовий (#6456B7) — середній за світлотою, помірно насичений відтінок синього. На колірному колі він стоїть на 249°, між синім (240°) і фіолетовим (270°), трохи ближче до позначки 240°. Його RGB-рецепт — 100 / 86 / 183: головний тут синій канал, а канали заповнені на 39%, 34% і 72%. Тим, хто мислить у HSL, він відомий як 249°, 40%, 53%.

Він із холодної половини кола: візуально відступає назад і слугує спокійною основою для великих площ. Найближчі родичі в каталозі — Студія, Скампі і Фуксія Синій. Навпроти на колі лежить #A9B757 — це майже оливково-зелений.

Де використовувати Синій Фіолетовий

Приглушені кольори на кшталт Синій Фіолетовий підтримують, а не ведуть: використовуйте їх для другорядних поверхонь, ілюстрацій і допоміжних графіків. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).

Для інтерактивних станів зберігайте тон: #867BC6 підійде для наведення чи натискання, а #EFEDF7 — як блідий фоновий варіант.

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

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

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

Синій Фіолетовий як текст і фон

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

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

Синій Фіолетовий на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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