Створено 12/23/2022 12:11
Landing page mobile app fintech design system hex colors
- Blueberry#4182ef
- Violets Are Blue#9164f6
- Catalina Blue#0a347a
- Cool Grey#958eab
- Gray (X11)#b5bcc4
- Charcoal#353d4d
Палітра містить світлий, темний кольори. Акцентні кольори Violets Are Blue #9164f6 та Catalina Blue #0a347a. Палітра має температуру кольорів Холодний.
За світлістю палітра сягає від #353D4D (найтемніший) до #B5BCC4 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0A347A, #353D4D, #4182EF, #9164F6, #958EAB, #B5BCC4
Палітра Landing page mobile app fintech design system hex colors містить комбінацію з 6 кодів кольорів :
HEX: #4182ef, RGB: (65, 130, 239); HEX: #9164f6, RGB: (145, 100, 246); HEX: #0a347a, RGB: (10, 52, 122)
HEX: #958eab, RGB: (149, 142, 171); HEX: #b5bcc4, RGB: (181, 188, 196); HEX: #353d4d, RGB: (53, 61, 77)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок mediumslateblue, Відтінок midnightblue, Відтінок lightslategrey, Відтінок Срібний, Відтінок darkslateblue
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Landing page mobile app fintech design system hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4182ef | #4182ef | RGB(65, 130, 239) | Blueberry | — |
| #9164f6 | #9164f6 | RGB(145, 100, 246) | Violets Are Blue | — |
| #0a347a | #0a347a | RGB(10, 52, 122) | Catalina Blue | — |
| #958eab | #958eab | RGB(149, 142, 171) | Cool Grey | — |
| #b5bcc4 | #b5bcc4 | RGB(181, 188, 196) | Gray (X11) | — |
| #353d4d | #353d4d | RGB(53, 61, 77) | Charcoal | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4182ef | #9164f6 | 1.05 |
#4182ef | #958eab | 1.18 |
#4182ef | #b5bcc4 | 1.93 |
#9164f6 | #958eab | 1.25 |
#0a347a | #353d4d | 1.07 |
#958eab | #b5bcc4 | 1.62 |
Зображення палітри Landing page mobile app fintech design system hex colors png
Експортувати палітру
Завантажте "Landing page mobile app fintech design system hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: