#668FF4

≈ cornflowerblue

%
Відкрити сторінку кольору

Коди кольору

HEX#668FF4
RGBrgb(102, 143, 244)
HSLhsl(222.68°, 86.59%, 67.84%)
HSVhsv(222.68°, 58.2%, 95.69%)
CMYKcmyk(58.2%, 41.39%, 0%, 4.31%)
XYZxyz(31.63, 29, 89.5)
LABlab(60.78, 15.52, -54.97)
LCHlch(60.78, 57.12, 285.77°)

Коди кольору

HEX#668FF4
RGBrgb(102, 143, 244)
HSLhsl(222.68°, 86.59%, 67.84%)
HSVhsv(222.68°, 58.2%, 95.69%)
CMYKcmyk(58.2%, 41.39%, 0%, 4.31%)
XYZxyz(31.63, 29, 89.5)
LABlab(60.78, 15.52, -54.97)
LCHlch(60.78, 57.12, 285.77°)

Доступність

На білому3.09:1AA ✗AAA ✗
На чорному6.8:1AA ✓AAA ✗

Чуєш їх, доцю, га

Основний текст на кольорі, щоб оцінити читабельність, перш ніж його затверджувати.

Варіації та поєднання кольору

Освітлення змішують колір із чистим білим, а затемнення — з чистим чорним. Обидві шкали рахуються кроком 10%, тож відтінок можна освітлити або поглибити, не полишаючи його.

Затемнення

Освітлення

Гармонії кольору

Гармонії добирають супутні кольори за їхнім положенням на колірному колі. Кожне правило дає свій настрій: від різкого контрасту до м’яких переходів між сусідами.

#668FF4
#F4CB66

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

Відтінок точно навпроти на колі, за 180°. Найбільший контраст; працює найкраще, коли один колір веде, а другий лише акцентує.

Створити градієнт
#668FF4
#F48466
#D6F466

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

Базовий колір і два сусіди його протилежності, приблизно по 30° з кожного боку. Зберігає контраст і пом’якшує різкість.

Створити градієнт
#668FF4
#F4668F
#8FF466

Тріадна

Три відтінки через 120°. Жвава й врівноважена; нехай один домінує, а решта будуть акцентами.

Створити градієнт
#66D6F4
#668FF4
#8466F4

Аналогова

Три сусідні відтінки через 30°. Низький контраст і спокій для ока, чудово для стриманих тл і градієнтів.

Створити градієнт
#0F45CC
#2D65F0
#668FF4
#9FB9F8
#DDE6FD

Монохромна

Один відтінок у кількох рівнях світлості. Узгоджена за побудовою і найнадійніший шлях до цілісного інтерфейсу.

Створити градієнт
#668FF4
#CB66F4
#F4CB66
#8FF466

Тетрадна

Дві комплементарні пари, що утворюють прямокутник на колі. Найбагатша схема і та, що потребує найбільшої стриманості.

Створити градієнт

Ще популярні кольори