#3321F2

≈ mediumblue

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

Коди кольору

HEX#3321F2
RGBrgb(51, 33, 242)
HSLhsl(245.17°, 88.94%, 53.92%)
HSVhsv(245.17°, 86.36%, 94.9%)
CMYKcmyk(78.93%, 86.36%, 0%, 5.1%)
XYZxyz(17.93, 8.2, 84.62)
LABlab(34.4, 69.54, -96.99)
LCHlch(34.4, 119.34, 305.64°)

Коди кольору

HEX#3321F2
RGBrgb(51, 33, 242)
HSLhsl(245.17°, 88.94%, 53.92%)
HSVhsv(245.17°, 86.36%, 94.9%)
CMYKcmyk(78.93%, 86.36%, 0%, 5.1%)
XYZxyz(17.93, 8.2, 84.62)
LABlab(34.4, 69.54, -96.99)
LCHlch(34.4, 119.34, 305.64°)

Доступність

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

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

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

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

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

Затемнення

Освітлення

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

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

#3321F2
#E0F221

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

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

Створити градієнт
#3321F2
#F29B21
#78F221

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

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

Створити градієнт
#3321F2
#F23321
#21F233

Тріадна

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

Створити градієнт
#2178F2
#3321F2
#9B21F2

Аналогова

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

Створити градієнт
#13088B
#1C0CCA
#3321F2
#685BF5
#A299F9

Монохромна

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

Створити градієнт
#3321F2
#F221E0
#E0F221
#21F233

Тетрадна

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

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

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