Search filter design ux ui hex colors

B'dazzled Blue
#32648e
Tan
#d4a996
Dark Cerulean
#1c4c72
Dark Chestnut
#9c6f5c
Dark Vanilla
#d5b8a8
Charcoal
#34344c

Палітра містить напівтемний, світлий кольори. Акцентні кольори Tan #d4a996 та Dark Cerulean #1c4c72. Палітра має температуру кольорів Холодний, Теплий.

За світлістю палітра сягає від #34344C (найтемніший) до #D5B8A8 (найсвітліший). Діапазон світлості помірний.

Насиченість змішана — є приглушені й більш яскраві акценти.

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #1C4C72, #32648E, #34344C, #9C6F5C, #D4A996, #D5B8A8

Палітра Search filter design ux ui hex colors містить комбінацію з 6 кодів кольорів :

HEX: #32648e, RGB: (50, 100, 142); HEX: #d4a996, RGB: (212, 169, 150); HEX: #1c4c72, RGB: (28, 76, 114)

HEX: #9c6f5c, RGB: (156, 111, 92); HEX: #d5b8a8, RGB: (213, 184, 168); HEX: #34344c, RGB: (52, 52, 76)

Спрощений варіант палітри кольорів

Відтінок royalblue, Відтінок darksalmon, Відтінок darkslateblue, Відтінок sienna, Відтінок tan, Відтінок darkslateblue

Кольорова схема створена автором raccoon

Більше палітр з:

Коди кольорів у палітрі

Search filter design ux ui hex colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#32648e	#32648e	RGB(50, 100, 142)	B'dazzled Blue	—
#d4a996	#d4a996	RGB(212, 169, 150)	Tan	—
#1c4c72	#1c4c72	RGB(28, 76, 114)	Dark Cerulean	—
#9c6f5c	#9c6f5c	RGB(156, 111, 92)	Dark Chestnut	—
#d5b8a8	#d5b8a8	RGB(213, 184, 168)	Dark Vanilla	—
#34344c	#34344c	RGB(52, 52, 76)	Charcoal	—

Контраст палітри кольорів

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#32648e	#1c4c72	1.43
#32648e	#9c6f5c	1.44
#32648e	#34344c	1.92
#d4a996	#d5b8a8	1.13
#1c4c72	#34344c	1.33

--color-bdazzled-blue:	#32648e;
--color-tan:	#d4a996;
--color-dark-cerulean:	#1c4c72;
--color-dark-chestnut:	#9c6f5c;
--color-dark-vanilla:	#d5b8a8;
--color-charcoal:	#34344c;

$color-bdazzled-blue:	#32648e;
$color-tan:	#d4a996;
$color-dark-cerulean:	#1c4c72;
$color-dark-chestnut:	#9c6f5c;
$color-dark-vanilla:	#d5b8a8;
$color-charcoal:	#34344c;

@color-bdazzled-blue:	#32648e;
@color-tan:	#d4a996;
@color-dark-cerulean:	#1c4c72;
@color-dark-chestnut:	#9c6f5c;
@color-dark-vanilla:	#d5b8a8;
@color-charcoal:	#34344c;

Search filter design ux ui hex colors

Коди кольорів у палітрі

Контраст палітри кольорів

Зображення палітри Search filter design ux ui hex colors png