Створено 08/19/2022 10:52
Web blue overview product mock colours
- Blue (Crayola)#1c64ec
- Mellow Apricot#f4b474
- Indigo (Rainbow)#14346c
- Shadow#8c746c
- Pastel Blue#abbbd4
- Outer Space#40544c
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Blue (Crayola) #1c64ec та Mellow Apricot #f4b474. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #14346C (найтемніший) до #ABBBD4 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #14346C, #1C64EC, #40544C, #8C746C, #ABBBD4, #F4B474
Палітра Web blue overview product mock colours містить комбінацію з 6 кодів кольорів :
HEX: #1c64ec, RGB: (28, 100, 236); HEX: #f4b474, RGB: (244, 180, 116); HEX: #14346c, RGB: (20, 52, 108)
HEX: #8c746c, RGB: (140, 116, 108); HEX: #abbbd4, RGB: (171, 187, 212); HEX: #40544c, RGB: (64, 84, 76)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок sandybrown, Відтінок darkslateblue, Відтінок Сірий, Відтінок lightsteelblue, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web blue overview product mock colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1c64ec | #1c64ec | RGB(28, 100, 236) | Blue (Crayola) | — |
| #f4b474 | #f4b474 | RGB(244, 180, 116) | Mellow Apricot | — |
| #14346c | #14346c | RGB(20, 52, 108) | Indigo (Rainbow) | — |
| #8c746c | #8c746c | RGB(140, 116, 108) | Shadow | — |
| #abbbd4 | #abbbd4 | RGB(171, 187, 212) | Pastel Blue | — |
| #40544c | #40544c | RGB(64, 84, 76) | Outer Space | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1c64ec | #8c746c | 1.18 |
#1c64ec | #40544c | 1.57 |
#f4b474 | #abbbd4 | 1.07 |
#14346c | #40544c | 1.49 |
#8c746c | #40544c | 1.86 |
Зображення палітри Web blue overview product mock colours png
Експортувати палітру
Завантажте "Web blue overview product mock colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: