Education product ui blue hex colors

New Car
#1f56c6
Jordy Blue
#84acf4
Dark Cerulean
#17426e
Antique Fuchsia
#a25884
Blue Bell
#9e97cc
Gunmetal
#2d2e38

Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета New Car #1f56c6 да Jordy Blue #84acf4. Палитра имеет цветовую температуру Холодный, Нейтральный.

По светлоте палитра тянется от #2D2E38 (самый тёмный) до #84ACF4 (самый светлый). Диапазон светлоты умеренный.

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

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

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

HEX-коды (по возрастанию): #17426E, #1F56C6, #2D2E38, #84ACF4, #9E97CC, #A25884

Палитра Education product ui blue hex colors содержит комбинацию из 6 кодов цветов:

HEX: #1f56c6, RGB: (31, 86, 198); HEX: #84acf4, RGB: (132, 172, 244); HEX: #17426e, RGB: (23, 66, 110)

HEX: #a25884, RGB: (162, 88, 132); HEX: #9e97cc, RGB: (158, 151, 204); HEX: #2d2e38, RGB: (45, 46, 56)

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

Оттенок royalblue, Тень cornflowerblue, Оттенок darkslateblue, Тень mediumvioletred, Тень mediumpurple, Тень Черный

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

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

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

Education product ui blue hex colors коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#1f56c6	#1f56c6	RGB(31, 86, 198)	New Car	—
#84acf4	#84acf4	RGB(132, 172, 244)	Jordy Blue	—
#17426e	#17426e	RGB(23, 66, 110)	Dark Cerulean	—
#a25884	#a25884	RGB(162, 88, 132)	Antique Fuchsia	—
#9e97cc	#9e97cc	RGB(158, 151, 204)	Blue Bell	—
#2d2e38	#2d2e38	RGB(45, 46, 56)	Gunmetal	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#1f56c6	#17426e	1.57
#1f56c6	#a25884	1.33
#84acf4	#9e97cc	1.18
#17426e	#2d2e38	1.3
#a25884	#9e97cc	1.81

Изображение палитры Education product ui blue hex colors png

Education product ui blue hex colors - #247381

--color-new-car:	#1f56c6;
--color-jordy-blue:	#84acf4;
--color-dark-cerulean:	#17426e;
--color-antique-fuchsia:	#a25884;
--color-blue-bell:	#9e97cc;
--color-gunmetal:	#2d2e38;

$color-new-car:	#1f56c6;
$color-jordy-blue:	#84acf4;
$color-dark-cerulean:	#17426e;
$color-antique-fuchsia:	#a25884;
$color-blue-bell:	#9e97cc;
$color-gunmetal:	#2d2e38;

@color-new-car:	#1f56c6;
@color-jordy-blue:	#84acf4;
@color-dark-cerulean:	#17426e;
@color-antique-fuchsia:	#a25884;
@color-blue-bell:	#9e97cc;
@color-gunmetal:	#2d2e38;