B2b minimal ui ux colors palette

Liberty
#4b63b4
Dark Vanilla
#d2ba9f
Eerie Black
#0f1424
Bronze (Metallic)
#ac8661
Desert Sand
#ddccb7
Arsenic
#3c4150

Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Liberty #4b63b4 та Dark Vanilla #d2ba9f. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

Насиченість у середньому діапазоні.

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

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

HEX-коди (відсортовано): #0F1424, #3C4150, #4B63B4, #AC8661, #D2BA9F, #DDCCB7

Палітра B2b minimal ui ux colors palette містить комбінацію з 6 кодів кольорів :

HEX: #4b63b4, RGB: (75, 99, 180); HEX: #d2ba9f, RGB: (210, 186, 159); HEX: #0f1424, RGB: (15, 20, 36)

HEX: #ac8661, RGB: (172, 134, 97); HEX: #ddccb7, RGB: (221, 204, 183); HEX: #3c4150, RGB: (60, 65, 80)

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

Відтінок royalblue, Відтінок tan, Відтінок Чорний, Відтінок peru, Відтінок bisque, Відтінок darkslateblue

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

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

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

B2b minimal ui ux colors palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#4b63b4	#4b63b4	RGB(75, 99, 180)	Liberty	—
#d2ba9f	#d2ba9f	RGB(210, 186, 159)	Dark Vanilla	—
#0f1424	#0f1424	RGB(15, 20, 36)	Eerie Black	—
#ac8661	#ac8661	RGB(172, 134, 97)	Bronze (Metallic)	—
#ddccb7	#ddccb7	RGB(221, 204, 183)	Desert Sand	—
#3c4150	#3c4150	RGB(60, 65, 80)	Arsenic	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#4b63b4	#ac8661	1.69
#4b63b4	#3c4150	1.81
#d2ba9f	#ac8661	1.77
#d2ba9f	#ddccb7	1.18
#0f1424	#3c4150	1.8

Зображення палітри B2b minimal ui ux colors palette png

B2b minimal ui ux colors palette - #249599

--color-liberty:	#4b63b4;
--color-dark-vanilla:	#d2ba9f;
--color-eerie-black:	#0f1424;
--color-bronze-metallic:	#ac8661;
--color-desert-sand:	#ddccb7;
--color-arsenic:	#3c4150;

$color-liberty:	#4b63b4;
$color-dark-vanilla:	#d2ba9f;
$color-eerie-black:	#0f1424;
$color-bronze-metallic:	#ac8661;
$color-desert-sand:	#ddccb7;
$color-arsenic:	#3c4150;

@color-liberty:	#4b63b4;
@color-dark-vanilla:	#d2ba9f;
@color-eerie-black:	#0f1424;
@color-bronze-metallic:	#ac8661;
@color-desert-sand:	#ddccb7;
@color-arsenic:	#3c4150;