Ява

#1FC2C2
31, 194, 194 · 180°, 72%, 44%

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

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

Про колір Ява

З кодом #1FC2C2 колір Ява — це темний, соковитий відтінок блакитного. На 180° він майже точно збігається з опорною точкою кола — це блакитний. Його RGB-рецепт — 31 / 194 / 194 (12%, 76% і 76%): два канали ділять першість, звідси й змішаний тон. У термінах HSL це тон 180°, насиченість 72% і світлота 44%.

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

Де використовувати Ява

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

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

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

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

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

Ява як текст і фон

На білому співвідношення падає до 2,20:1 — замало для будь-якого тексту. На світлих сторінках Ява має бути фоном, а не кольором тексту. На чорному співвідношення 9,55:1, із запасом вище AAA.

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

Ява на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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