Синьо-сірий

Про колір Синьо-сірий

З кодом #6699CC колір Синьо-сірий — це середній за світлотою, помірно насичений відтінок лазурового. Його тон — 210°, на колірному колі це практично чистий лазуровий. Його RGB-рецепт — 102 / 153 / 204: головний тут синій канал, а канали заповнені на 40%, 60% і 80%. Тим, хто мислить у HSL, він відомий як 210°, 50%, 60%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Якщо Синьо-сірий не зовсім підходить, погляньте на найближчі іменовані відтінки: Дунай, Темний пастельно-синій і Гавелок блю. Точний додатковий колір до нього — #CC9966, найближчий до нього іменований колір — Віскі бурштиновий.

Де використовувати Синьо-сірий

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

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

Синьо-сірий як текст і фон

На білому він дає лише 3,00:1 — годиться для заголовків і великого тексту (WCAG AA Large), але замало для абзаців. На чорному співвідношення 6,99:1 — достатньо для звичайного тексту в темній темі.

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

Синьо-сірий на екрані та в друці

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