Uiux productdesigner web saas landing page colors

English Vermillion
#c54648
Cerulean Frost
#7496be
St. Patrick's Blue
#1c2578
Dark Blue-Gray
#676f9b
Cadet Blue (Crayola)
#adb5c9
Japanese Violet
#582c56

Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори English Vermillion #c54648 та St. Patrick's Blue #1c2578. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #1C2578, #582C56, #676F9B, #7496BE, #ADB5C9, #C54648

Палітра Uiux productdesigner web saas landing page colors містить комбінацію з 6 кодів кольорів :

HEX: #c54648, RGB: (197, 70, 72); HEX: #7496be, RGB: (116, 150, 190); HEX: #1c2578, RGB: (28, 37, 120)

HEX: #676f9b, RGB: (103, 111, 155); HEX: #adb5c9, RGB: (173, 181, 201); HEX: #582c56, RGB: (88, 44, 86)

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

Відтінок crimson, Відтінок cornflowerblue, Відтінок midnightblue, Відтінок slategrey, Відтінок lightsteelblue, Відтінок Фіолетовий

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

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

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

Uiux productdesigner web saas landing page colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#c54648	#c54648	RGB(197, 70, 72)	English Vermillion	—
#7496be	#7496be	RGB(116, 150, 190)	Cerulean Frost	—
#1c2578	#1c2578	RGB(28, 37, 120)	St. Patrick's Blue	—
#676f9b	#676f9b	RGB(103, 111, 155)	Dark Blue-Gray	—
#adb5c9	#adb5c9	RGB(173, 181, 201)	Cadet Blue (Crayola)	—
#582c56	#582c56	RGB(88, 44, 86)	Japanese Violet	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#c54648	#7496be	1.57
#c54648	#676f9b	1
#7496be	#676f9b	1.58
#7496be	#adb5c9	1.49
#1c2578	#582c56	1.2

Зображення палітри Uiux productdesigner web saas landing page colors png

Uiux productdesigner web saas landing page colors - #225475

--color-english-vermillion:	#c54648;
--color-cerulean-frost:	#7496be;
--color-st-patricks-blue:	#1c2578;
--color-dark-blue-gray:	#676f9b;
--color-cadet-blue-crayola:	#adb5c9;
--color-japanese-violet:	#582c56;

$color-english-vermillion:	#c54648;
$color-cerulean-frost:	#7496be;
$color-st-patricks-blue:	#1c2578;
$color-dark-blue-gray:	#676f9b;
$color-cadet-blue-crayola:	#adb5c9;
$color-japanese-violet:	#582c56;

@color-english-vermillion:	#c54648;
@color-cerulean-frost:	#7496be;
@color-st-patricks-blue:	#1c2578;
@color-dark-blue-gray:	#676f9b;
@color-cadet-blue-crayola:	#adb5c9;
@color-japanese-violet:	#582c56;