Trade ux finance consistency

Ultramarine Blue
#4054eb
Violets Are Blue
#9470f0
Dark Imperial Blue
#0c1978
Green Sheen
#6fb2ae
Pale Chestnut
#dcb4b4
Arsenic
#3c3c44

Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Dark Imperial Blue #0c1978 та Pale Chestnut #dcb4b4. Палітра має температуру кольорів Холодний, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #0C1978, #3C3C44, #4054EB, #6FB2AE, #9470F0, #DCB4B4

Палітра Trade ux finance consistency містить комбінацію з 6 кодів кольорів :

HEX: #4054eb, RGB: (64, 84, 235); HEX: #9470f0, RGB: (148, 112, 240); HEX: #0c1978, RGB: (12, 25, 120)

HEX: #6fb2ae, RGB: (111, 178, 174); HEX: #dcb4b4, RGB: (220, 180, 180); HEX: #3c3c44, RGB: (60, 60, 68)

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

Відтінок slateblue, Відтінок mediumpurple, Відтінок midnightblue, Відтінок cadetblue, Відтінок Рожевий, Відтінок dimgrey

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

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

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

Trade ux finance consistency коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#4054eb	#4054eb	RGB(64, 84, 235)	Ultramarine Blue	—
#9470f0	#9470f0	RGB(148, 112, 240)	Violets Are Blue	—
#0c1978	#0c1978	RGB(12, 25, 120)	Dark Imperial Blue	—
#6fb2ae	#6fb2ae	RGB(111, 178, 174)	Green Sheen	—
#dcb4b4	#dcb4b4	RGB(220, 180, 180)	Pale Chestnut	—
#3c3c44	#3c3c44	RGB(60, 60, 68)	Arsenic	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#4054eb	#9470f0	1.58
#4054eb	#3c3c44	1.91
#9470f0	#6fb2ae	1.48
#9470f0	#dcb4b4	1.92
#0c1978	#3c3c44	1.34
#6fb2ae	#dcb4b4	1.29

Зображення палітри Trade ux finance consistency png

--color-ultramarine-blue:	#4054eb;
--color-violets-are-blue:	#9470f0;
--color-dark-imperial-blue:	#0c1978;
--color-green-sheen:	#6fb2ae;
--color-pale-chestnut:	#dcb4b4;
--color-arsenic:	#3c3c44;

$color-ultramarine-blue:	#4054eb;
$color-violets-are-blue:	#9470f0;
$color-dark-imperial-blue:	#0c1978;
$color-green-sheen:	#6fb2ae;
$color-pale-chestnut:	#dcb4b4;
$color-arsenic:	#3c3c44;

@color-ultramarine-blue:	#4054eb;
@color-violets-are-blue:	#9470f0;
@color-dark-imperial-blue:	#0c1978;
@color-green-sheen:	#6fb2ae;
@color-pale-chestnut:	#dcb4b4;
@color-arsenic:	#3c3c44;