Аметистовий

#9966CC
153, 102, 204 · 270°, 50%, 60%

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

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

Про колір Аметистовий

Аметистовий, він же #9966CC, сприймається як середній за світлотою і помірно насичений відтінок фіолетового. Його тон — 270°, на колірному колі це практично чистий фіолетовий. У RGB він змішаний із червоного 153, зеленого 102 і синього 204 — це 60%, 40% і 80% від максимуму каналів, провідний канал — синій. У термінах HSL це тон 270°, насиченість 50% і світлота 60%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Найближчі родичі в каталозі — Темний пастельно-пурпуровий, Бузковий кущ і Середній Пурпурний. Точний додатковий колір до нього — #99CC66, найближчий до нього іменований колір — Олівін.

Де використовувати Аметистовий

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

Щоб побудувати стани навколо кольору Аметистовий, візьміть #B28CD9 для наведення і #F2ECF9 для світлого фону.

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

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

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

Аметистовий як текст і фон

На білому співвідношення 4,10:1, тож залиште Аметистовий там для великих заголовків та іконок, а не для абзаців. На чорному співвідношення 5,13:1 — достатньо для звичайного тексту в темній темі.

Коли Аметистовий слугує фоном, ставте на нього чорний текст: контраст буде 4,61:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.

Аметистовий на екрані та в друці

У перерахунку на CMYK виходить приблизно C 25% · M 50% · Y 0% · K 20%. Він спокійно вміщується в охоплення CMYK і надрукується близько до того, що видно на відкаліброваному моніторі. Крім того, це один із 216 web-safe кольорів: кожен канал RGB кратний 51. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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