Media concept profile ux colours

#f18e61
#f4bc7c
#545e2c
#a35b98
#bcc9d6
#3c274f

Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори #f4bc7c та #3c274f. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

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

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

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

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

HEX-коди (відсортовано): #3C274F, #545E2C, #A35B98, #BCC9D6, #F18E61, #F4BC7C

Палітра Media concept profile ux colours містить комбінацію з 6 кодів кольорів :

HEX: #f18e61, RGB: (241, 142, 97); HEX: #f4bc7c, RGB: (244, 188, 124); HEX: #545e2c, RGB: (84, 94, 44)

HEX: #a35b98, RGB: (163, 91, 152); HEX: #bcc9d6, RGB: (188, 201, 214); HEX: #3c274f, RGB: (60, 39, 79)

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

Відтінок coral, Відтінок burlywood, Відтінок darkolivegreen, Відтінок mediumorchid, Відтінок lightsteelblue, Відтінок midnightblue

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

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

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

Media concept profile ux colours коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f18e61	#f18e61	RGB(241, 142, 97)	—	—
#f4bc7c	#f4bc7c	RGB(244, 188, 124)	—	—
#545e2c	#545e2c	RGB(84, 94, 44)	—	—
#a35b98	#a35b98	RGB(163, 91, 152)	—	—
#bcc9d6	#bcc9d6	RGB(188, 201, 214)	—	—
#3c274f	#3c274f	RGB(60, 39, 79)	—	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f18e61	#f4bc7c	1.4
#f18e61	#a35b98	1.94
#f18e61	#bcc9d6	1.41
#f4bc7c	#bcc9d6	1.01
#545e2c	#a35b98	1.49
#545e2c	#3c274f	1.88

--color-1:	#f18e61;
--color-2:	#f4bc7c;
--color-3:	#545e2c;
--color-4:	#a35b98;
--color-5:	#bcc9d6;
--color-6:	#3c274f;

$color-1:	#f18e61;
$color-2:	#f4bc7c;
$color-3:	#545e2c;
$color-4:	#a35b98;
$color-5:	#bcc9d6;
$color-6:	#3c274f;

@color-1:	#f18e61;
@color-2:	#f4bc7c;
@color-3:	#545e2c;
@color-4:	#a35b98;
@color-5:	#bcc9d6;
@color-6:	#3c274f;

Media concept profile ux colours

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

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

Зображення палітри Media concept profile ux colours png