#3B89B0

≈ steelblue

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

Коди кольору

HEX#3B89B0
RGBrgb(59, 137, 176)
HSLhsl(200°, 49.79%, 46.08%)
HSVhsv(200°, 66.48%, 69.02%)
CMYKcmyk(66.48%, 22.16%, 0%, 30.98%)
XYZxyz(18.58, 21.95, 44.32)
LABlab(53.98, -11.43, -27.57)
LCHlch(53.98, 29.85, 247.48°)

Коди кольору

HEX#3B89B0
RGBrgb(59, 137, 176)
HSLhsl(200°, 49.79%, 46.08%)
HSVhsv(200°, 66.48%, 69.02%)
CMYKcmyk(66.48%, 22.16%, 0%, 30.98%)
XYZxyz(18.58, 21.95, 44.32)
LABlab(53.98, -11.43, -27.57)
LCHlch(53.98, 29.85, 247.48°)

Доступність

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

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

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

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

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

Затемнення

Освітлення

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

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

#3B89B0
#B0623B

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

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

Створити градієнт
#3B89B0
#B03B4F
#B09D3B

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

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

Створити градієнт
#3B89B0
#B03B89
#89B03B

Тріадна

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

Створити градієнт
#3BB09D
#3B89B0
#3B4EB0

Аналогова

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

Створити градієнт
#1B3F51
#2C6582
#3B89B0
#5FA6C9
#91C1DA

Монохромна

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

Створити градієнт
#3B89B0
#623BB0
#B0623B
#89B03B

Тетрадна

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

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

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