Behavioral Analytics UX Toolkit

Pattern Beige
#f7efe5
Metric Plum
#9c89b8
Insight Cyan
#67d5b5
Engagement Orange
#ffa69e
Scrolltrack Gray
#cccccc

Палітра містить світлий кольори. Акцентні кольори Insight Cyan #67d5b5 та Engagement Orange #ffa69e. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

Загалом насиченість здається яскравою (висока хрома).

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

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #67D5B5, #9C89B8, #CCCCCC, #F7EFE5, #FFA69E

Палітра Behavioral Analytics UX Toolkit містить комбінацію з 5 кодів кольорів :

HEX: #f7efe5, RGB: (247, 239, 229); HEX: #9c89b8, RGB: (156, 137, 184); HEX: #67d5b5, RGB: (103, 213, 181)

HEX: #ffa69e, RGB: (255, 166, 158); HEX: #cccccc, RGB: (204, 204, 204)

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

Відтінок linen, Відтінок mediumpurple, Відтінок mediumaquamarine, Відтінок lightpink, Відтінок lightgrey

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

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

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

Behavioral Analytics UX Toolkit коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f7efe5	#f7efe5	RGB(247, 239, 229)	Pattern Beige	—
#9c89b8	#9c89b8	RGB(156, 137, 184)	Metric Plum	—
#67d5b5	#67d5b5	RGB(103, 213, 181)	Insight Cyan	—
#ffa69e	#ffa69e	RGB(255, 166, 158)	Engagement Orange	—
#cccccc	#cccccc	RGB(204, 204, 204)	Scrolltrack Gray	Cerebral Grey

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f7efe5	#67d5b5	1.56
#f7efe5	#ffa69e	1.64
#f7efe5	#cccccc	1.4
#9c89b8	#67d5b5	1.75
#9c89b8	#ffa69e	1.67
#9c89b8	#cccccc	1.95

Зображення палітри Behavioral Analytics UX Toolkit png

Behavioral Analytics UX Toolkit - #555980

--color-pattern-beige:	#f7efe5;
--color-metric-plum:	#9c89b8;
--color-insight-cyan:	#67d5b5;
--color-engagement-orange:	#ffa69e;
--color-scrolltrack-gray:	#cccccc;

$color-pattern-beige:	#f7efe5;
$color-metric-plum:	#9c89b8;
$color-insight-cyan:	#67d5b5;
$color-engagement-orange:	#ffa69e;
$color-scrolltrack-gray:	#cccccc;

@color-pattern-beige:	#f7efe5;
@color-metric-plum:	#9c89b8;
@color-insight-cyan:	#67d5b5;
@color-engagement-orange:	#ffa69e;
@color-scrolltrack-gray:	#cccccc;