Augmented Analytics Hyper Surface

Insight Indigo
#5c6bc0
Predict Orange
#ff9800
Metric Aqua
#4dd0e1
Report Gray
#757575
KPI Yellow
#ffeb3b
Decision White
#f5f5f5
Neural Charcoal
#212121

Палитра содержит светлый, темный цвета. Акцентные цвета Metric Aqua #4dd0e1 да KPI Yellow #ffeb3b. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #212121 (самый тёмный) до #F5F5F5 (самый светлый). Диапазон светлоты широкий.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #212121, #4DD0E1, #5C6BC0, #757575, #F5F5F5, #FF9800, #FFEB3B

Палитра Augmented Analytics Hyper Surface содержит комбинацию из 7 кодов цветов:

HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #ff9800, RGB: (255, 152, 0); HEX: #4dd0e1, RGB: (77, 208, 225)

HEX: #757575, RGB: (117, 117, 117); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #f5f5f5, RGB: (245, 245, 245)

HEX: #212121, RGB: (33, 33, 33)

Упрощенная версия цветов палитры

Тень royalblue, Тень darkorange, Тень darkturquoise, Тень dimgrey, Оттенок Желтый, Тень Черный

Цветовая схема создана автором colorscheme

Больше палитр с:

Коды цветов в палитре

Augmented Analytics Hyper Surface коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#5c6bc0	#5c6bc0	RGB(92, 107, 192)	Insight Indigo	—
#ff9800	#ff9800	RGB(255, 152, 0)	Predict Orange	—
#4dd0e1	#4dd0e1	RGB(77, 208, 225)	Metric Aqua	—
#757575	#757575	RGB(117, 117, 117)	Report Gray	Sonic Silver
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	KPI Yellow	—
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Decision White	White Smoke
#212121	#212121	RGB(33, 33, 33)	Neural Charcoal	Lead

Контраст палитры цветов

7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#5c6bc0	#757575	1.05
#ff9800	#4dd0e1	1.17
#ff9800	#ffeb3b	1.76
#ff9800	#f5f5f5	1.97
#4dd0e1	#ffeb3b	1.5
#4dd0e1	#f5f5f5	1.68

Изображение палитры Augmented Analytics Hyper Surface png

Augmented Analytics Hyper Surface - #558993

--color-insight-indigo:	#5c6bc0;
--color-predict-orange:	#ff9800;
--color-metric-aqua:	#4dd0e1;
--color-report-gray:	#757575;
--color-kpi-yellow:	#ffeb3b;
--color-decision-white:	#f5f5f5;
--color-neural-charcoal:	#212121;

$color-insight-indigo:	#5c6bc0;
$color-predict-orange:	#ff9800;
$color-metric-aqua:	#4dd0e1;
$color-report-gray:	#757575;
$color-kpi-yellow:	#ffeb3b;
$color-decision-white:	#f5f5f5;
$color-neural-charcoal:	#212121;

@color-insight-indigo:	#5c6bc0;
@color-predict-orange:	#ff9800;
@color-metric-aqua:	#4dd0e1;
@color-report-gray:	#757575;
@color-kpi-yellow:	#ffeb3b;
@color-decision-white:	#f5f5f5;
@color-neural-charcoal:	#212121;