Желейна цукерка

#297B9A
41, 123, 154 · 196°, 58%, 38%

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

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

Про колір Желейна цукерка

З кодом #297B9A колір Желейна цукерка — це темний, помірно насичений відтінок лазурового. Його тон — 196°: це проміжок між блакитним на 180° і лазуровим на 210°, ближче до 210°. У RGB він змішаний із червоного 41, зеленого 123 і синього 154 — це 16%, 48% і 60% від максимуму каналів, провідний канал — синій. У термінах HSL це тон 196°, насиченість 58% і світлота 38%.

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

Де використовувати Желейна цукерка

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

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

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

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

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

Желейна цукерка як текст і фон

На білому Желейна цукерка дає 4,78:1 — проходить WCAG AA для основного тексту. На чорному співвідношення 4,39:1, тому там його варто брати лише для заголовків та іконок.

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

Желейна цукерка на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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