Code security simple insurance colors

#1cc3f2
Lavender Indigo
#9c3ffb
Blue Sapphire
#07637d
Dim Gray
#676a74
Light Silver
#d5d6e0
Independence
#444c65

Палитра содержит светлый, полутемный цвета. Акцентные цвета Lavender Indigo #9c3ffb да Blue Sapphire #07637d. Палитра имеет цветовую температуру Холодный.

По светлоте палитра тянется от #07637D (самый тёмный) до #D5D6E0 (самый светлый). Диапазон светлоты широкий.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Оттенки лежат в соседней полосе на круге (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #07637D, #1CC3F2, #444C65, #676A74, #9C3FFB, #D5D6E0

Палитра Code security simple insurance colors содержит комбинацию из 6 кодов цветов:

HEX: #1cc3f2, RGB: (28, 195, 242); HEX: #9c3ffb, RGB: (156, 63, 251); HEX: #07637d, RGB: (7, 99, 125)

HEX: #676a74, RGB: (103, 106, 116); HEX: #d5d6e0, RGB: (213, 214, 224); HEX: #444c65, RGB: (68, 76, 101)

Упрощенная версия цветов палитры

Тень deepskyblue, Тень blueviolet, Тень darkslategrey, Тень dimgrey, Тень lightgrey, Тень darkslateblue

Цветовая схема создана автором colorswall

Больше палитр с:

Синий Серый

Коды цветов в палитре

Code security simple insurance colors коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#1cc3f2	#1cc3f2	RGB(28, 195, 242)	—	—
#9c3ffb	#9c3ffb	RGB(156, 63, 251)	Lavender Indigo	—
#07637d	#07637d	RGB(7, 99, 125)	Blue Sapphire	—
#676a74	#676a74	RGB(103, 106, 116)	Dim Gray	—
#d5d6e0	#d5d6e0	RGB(213, 214, 224)	Light Silver	—
#444c65	#444c65	RGB(68, 76, 101)	Independence	—

Контраст палитры цветов

7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#1cc3f2	#d5d6e0	1.43
#9c3ffb	#07637d	1.46
#9c3ffb	#676a74	1.16
#9c3ffb	#444c65	1.83
#07637d	#676a74	1.25
#07637d	#444c65	1.25

Изображение палитры Code security simple insurance colors png

Code security simple insurance colors - #211885

--color-1:	#1cc3f2;
--color-lavender-indigo:	#9c3ffb;
--color-blue-sapphire:	#07637d;
--color-dim-gray:	#676a74;
--color-light-silver:	#d5d6e0;
--color-independence:	#444c65;

$color-1:	#1cc3f2;
$color-lavender-indigo:	#9c3ffb;
$color-blue-sapphire:	#07637d;
$color-dim-gray:	#676a74;
$color-light-silver:	#d5d6e0;
$color-independence:	#444c65;

@color-1:	#1cc3f2;
@color-lavender-indigo:	#9c3ffb;
@color-blue-sapphire:	#07637d;
@color-dim-gray:	#676a74;
@color-light-silver:	#d5d6e0;
@color-independence:	#444c65;