Створено 02/16/2023 11:17
Landing page logistics app webflow front-end colors
- Bleu De France#2c8cd4
- Pale Cerulean#9dbae9
- Yankees Blue#102c43
- UCLA Blue#4c5c94
- Gray (X11)#c1b9bf
- Police Blue#3b516a
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Bleu De France #2c8cd4 та Pale Cerulean #9dbae9. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #102C43 (найтемніший) до #9DBAE9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #102C43, #2C8CD4, #3B516A, #4C5C94, #9DBAE9, #C1B9BF
Палітра Landing page logistics app webflow front-end colors містить комбінацію з 6 кодів кольорів :
HEX: #2c8cd4, RGB: (44, 140, 212); HEX: #9dbae9, RGB: (157, 186, 233); HEX: #102c43, RGB: (16, 44, 67)
HEX: #4c5c94, RGB: (76, 92, 148); HEX: #c1b9bf, RGB: (193, 185, 191); HEX: #3b516a, RGB: (59, 81, 106)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightsteelblue, Відтінок midnightblue, Відтінок darkslateblue, Відтінок Срібний, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Landing page logistics app webflow front-end colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2c8cd4 | #2c8cd4 | RGB(44, 140, 212) | Bleu De France | — |
| #9dbae9 | #9dbae9 | RGB(157, 186, 233) | Pale Cerulean | — |
| #102c43 | #102c43 | RGB(16, 44, 67) | Yankees Blue | — |
| #4c5c94 | #4c5c94 | RGB(76, 92, 148) | UCLA Blue | — |
| #c1b9bf | #c1b9bf | RGB(193, 185, 191) | Gray (X11) | — |
| #3b516a | #3b516a | RGB(59, 81, 106) | Police Blue | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2c8cd4 | #9dbae9 | 1.83 |
#2c8cd4 | #4c5c94 | 1.77 |
#2c8cd4 | #c1b9bf | 1.88 |
#9dbae9 | #c1b9bf | 1.03 |
#102c43 | #3b516a | 1.75 |
#4c5c94 | #3b516a | 1.27 |
Зображення палітри Landing page logistics app webflow front-end colors png
Експортувати палітру
Завантажте "Landing page logistics app webflow front-end colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: