Navbar website health modern

Cyan Cobalt Blue
#345ca0
Ceil
#9696db
Caput Mortuum
#4c241c
Redwood
#9c6255
Ceil
#9191c5
Liver Chestnut (Horses)
#573a35

Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Cyan Cobalt Blue #345ca0 та Caput Mortuum #4c241c. Палітра має температуру кольорів Холодний, Теплий.

За світлістю палітра сягає від #4C241C (найтемніший) до #9696DB (найсвітліший). Діапазон світлості помірний.

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

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

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

HEX-коди (відсортовано): #345CA0, #4C241C, #573A35, #9191C5, #9696DB, #9C6255

Палітра Navbar website health modern містить комбінацію з 6 кодів кольорів :

HEX: #345ca0, RGB: (52, 92, 160); HEX: #9696db, RGB: (150, 150, 219); HEX: #4c241c, RGB: (76, 36, 28)

HEX: #9c6255, RGB: (156, 98, 85); HEX: #9191c5, RGB: (145, 145, 197); HEX: #573a35, RGB: (87, 58, 53)

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

Відтінок royalblue, Відтінок mediumpurple, Відтінок Бордовий, Відтінок sienna, Відтінок mediumpurple, Відтінок Бордовий

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

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

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

Navbar website health modern коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#345ca0	#345ca0	RGB(52, 92, 160)	Cyan Cobalt Blue	—
#9696db	#9696db	RGB(150, 150, 219)	Ceil	—
#4c241c	#4c241c	RGB(76, 36, 28)	Caput Mortuum	—
#9c6255	#9c6255	RGB(156, 98, 85)	Redwood	—
#9191c5	#9191c5	RGB(145, 145, 197)	Ceil	—
#573a35	#573a35	RGB(87, 58, 53)	Liver Chestnut (Horses)	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#345ca0	#9c6255	1.34
#345ca0	#573a35	1.54
#9696db	#9c6255	1.78
#9696db	#9191c5	1.08
#4c241c	#573a35	1.3
#9c6255	#9191c5	1.64

Зображення палітри Navbar website health modern png

--color-cyan-cobalt-blue:	#345ca0;
--color-ceil:	#9696db;
--color-caput-mortuum:	#4c241c;
--color-redwood:	#9c6255;
--color-ceil:	#9191c5;
--color-liver-chestnut-horses:	#573a35;

$color-cyan-cobalt-blue:	#345ca0;
$color-ceil:	#9696db;
$color-caput-mortuum:	#4c241c;
$color-redwood:	#9c6255;
$color-ceil:	#9191c5;
$color-liver-chestnut-horses:	#573a35;

@color-cyan-cobalt-blue:	#345ca0;
@color-ceil:	#9696db;
@color-caput-mortuum:	#4c241c;
@color-redwood:	#9c6255;
@color-ceil:	#9191c5;
@color-liver-chestnut-horses:	#573a35;