Створено 02/04/2023 11:19
Ui animation branding product design hex colors
- Moonstone#449cba
- Desert Sand#e6c6b5
- Japanese Indigo#1c404c
- Light Slate Gray#789598
- Dark Vanilla#ccc4a4
- Dark Slate Gray#385755
Палітра містить світлий, напівтемний кольори. Акцентні кольори Moonstone #449cba та Desert Sand #e6c6b5. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #1C404C (найтемніший) до #E6C6B5 (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1C404C, #385755, #449CBA, #789598, #CCC4A4, #E6C6B5
Палітра Ui animation branding product design hex colors містить комбінацію з 6 кодів кольорів :
HEX: #449cba, RGB: (68, 156, 186); HEX: #e6c6b5, RGB: (230, 198, 181); HEX: #1c404c, RGB: (28, 64, 76)
HEX: #789598, RGB: (120, 149, 152); HEX: #ccc4a4, RGB: (204, 196, 164); HEX: #385755, RGB: (56, 87, 85)
Спрощений варіант палітри кольорів
Відтінок cadetblue, Відтінок peachpuff, Відтінок darkslategrey, Відтінок cadetblue, Відтінок tan, Відтінок darkslategrey
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Ui animation branding product design hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #449cba | #449cba | RGB(68, 156, 186) | Moonstone | — |
| #e6c6b5 | #e6c6b5 | RGB(230, 198, 181) | Desert Sand | — |
| #1c404c | #1c404c | RGB(28, 64, 76) | Japanese Indigo | — |
| #789598 | #789598 | RGB(120, 149, 152) | Light Slate Gray | — |
| #ccc4a4 | #ccc4a4 | RGB(204, 196, 164) | Dark Vanilla | — |
| #385755 | #385755 | RGB(56, 87, 85) | Dark Slate Gray | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#449cba | #e6c6b5 | 1.95 |
#449cba | #789598 | 1.02 |
#449cba | #ccc4a4 | 1.78 |
#e6c6b5 | #ccc4a4 | 1.09 |
#1c404c | #385755 | 1.41 |
#789598 | #ccc4a4 | 1.83 |
Зображення палітри Ui animation branding product design hex colors png
Експортувати палітру
Завантажте "Ui animation branding product design hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: