Analytics-Driven Web App

Chart Line Navy
#2c3e50
Metric Yellow Flash
#ffe95b
Insight Soft Green
#c5f7d6
Tooltip White
#fdfdfd
Dashboard Sand
#f7f1ec
Alert Signal Red
#ff4f4f

Палітра містить світлий кольори. Акцентні кольори Chart Line Navy #2c3e50 та Metric Yellow Flash #ffe95b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #2C3E50 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.

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

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

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

HEX-коди (відсортовано): #2C3E50, #C5F7D6, #F7F1EC, #FDFDFD, #FF4F4F, #FFE95B

Палітра Analytics-Driven Web App містить комбінацію з 6 кодів кольорів :

HEX: #2c3e50, RGB: (44, 62, 80); HEX: #ffe95b, RGB: (255, 233, 91); HEX: #c5f7d6, RGB: (197, 247, 214)

HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #f7f1ec, RGB: (247, 241, 236); HEX: #ff4f4f, RGB: (255, 79, 79)

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

Відтінок darkslateblue, Відтінок gold, Відтінок aquamarine, Відтінок Білий, Відтінок linen, Відтінок tomato

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

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

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

Analytics-Driven Web App коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#2c3e50	#2c3e50	RGB(44, 62, 80)	Chart Line Navy	—
#ffe95b	#ffe95b	RGB(255, 233, 91)	Metric Yellow Flash	—
#c5f7d6	#c5f7d6	RGB(197, 247, 214)	Insight Soft Green	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Tooltip White	Brilliance
#f7f1ec	#f7f1ec	RGB(247, 241, 236)	Dashboard Sand	—
#ff4f4f	#ff4f4f	RGB(255, 79, 79)	Alert Signal Red	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ffe95b	#c5f7d6	1.03
#ffe95b	#fdfdfd	1.21
#ffe95b	#f7f1ec	1.09
#c5f7d6	#fdfdfd	1.16
#c5f7d6	#f7f1ec	1.06
#fdfdfd	#f7f1ec	1.1

Зображення палітри Analytics-Driven Web App png

--color-chart-line-navy:	#2c3e50;
--color-metric-yellow-flash:	#ffe95b;
--color-insight-soft-green:	#c5f7d6;
--color-tooltip-white:	#fdfdfd;
--color-dashboard-sand:	#f7f1ec;
--color-alert-signal-red:	#ff4f4f;

$color-chart-line-navy:	#2c3e50;
$color-metric-yellow-flash:	#ffe95b;
$color-insight-soft-green:	#c5f7d6;
$color-tooltip-white:	#fdfdfd;
$color-dashboard-sand:	#f7f1ec;
$color-alert-signal-red:	#ff4f4f;

@color-chart-line-navy:	#2c3e50;
@color-metric-yellow-flash:	#ffe95b;
@color-insight-soft-green:	#c5f7d6;
@color-tooltip-white:	#fdfdfd;
@color-dashboard-sand:	#f7f1ec;
@color-alert-signal-red:	#ff4f4f;