Синій (RYB)

#0247FE
2, 71, 254 · 224°, 99%, 50%

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

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

Про колір Синій (RYB)

З кодом #0247FE колір Синій (RYB) — це середній за світлотою, гранично насичений відтінок синього. На колірному колі він стоїть на 224°, між лазуровим (210°) і синім (240°), трохи ближче до позначки 210°. Його RGB-рецепт — 2 / 71 / 254: головний тут синій канал, а канали заповнені на 1%, 28% і 100%. Тим, хто мислить у HSL, він відомий як 224°, 99%, 50%.

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

Де використовувати Синій (RYB)

Ставтеся до Синій (RYB) як до маркера. Він миттєво притягує погляд — чудово для кнопок і попереджень і виснажливо на всю сторінку. За правилом 60-30-10 він найкраще підходить на роль акценту (10%).

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

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

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

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

Синій (RYB) як текст і фон

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

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

Синій (RYB) на екрані та в друці

У перерахунку на CMYK виходить приблизно C 99% · M 72% · Y 0% · K 0%. Такий яскравий екранний колір неможливо точно відтворити чотирма фарбами. Чекайте пласкішого результату в друці або використайте Pantone. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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