Signin brickshare web ui colors

Blue (Crayola)
#2175fa
Jordy Blue
#84bcf4
Yankees Blue
#12243b
Slate Gray
#767e90
Gray (X11)
#b9bcc0
Japanese Indigo
#2c3a52

Палітра містить світлий, темний кольори. Акцентні кольори Blue (Crayola) #2175fa та Jordy Blue #84bcf4. Палітра має температуру кольорів Холодний, Нейтральний.

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

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

Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).

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

HEX-коди (відсортовано): #12243B, #2175FA, #2C3A52, #767E90, #84BCF4, #B9BCC0

Палітра Signin brickshare web ui colors містить комбінацію з 6 кодів кольорів :

HEX: #2175fa, RGB: (33, 117, 250); HEX: #84bcf4, RGB: (132, 188, 244); HEX: #12243b, RGB: (18, 36, 59)

HEX: #767e90, RGB: (118, 126, 144); HEX: #b9bcc0, RGB: (185, 188, 192); HEX: #2c3a52, RGB: (44, 58, 82)

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

Відтінок royalblue, Відтінок lightskyblue, Відтінок midnightblue, Відтінок slategrey, Відтінок Срібний, Відтінок darkslateblue

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

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

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

Signin brickshare web ui colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#2175fa	#2175fa	RGB(33, 117, 250)	Blue (Crayola)	—
#84bcf4	#84bcf4	RGB(132, 188, 244)	Jordy Blue	—
#12243b	#12243b	RGB(18, 36, 59)	Yankees Blue	—
#767e90	#767e90	RGB(118, 126, 144)	Slate Gray	—
#b9bcc0	#b9bcc0	RGB(185, 188, 192)	Gray (X11)	—
#2c3a52	#2c3a52	RGB(44, 58, 82)	Japanese Indigo	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#2175fa	#767e90	1.03
#84bcf4	#b9bcc0	1.05
#12243b	#2c3a52	1.36

Зображення палітри Signin brickshare web ui colors png

Signin brickshare web ui colors - #227383

--color-blue-crayola:	#2175fa;
--color-jordy-blue:	#84bcf4;
--color-yankees-blue:	#12243b;
--color-slate-gray:	#767e90;
--color-gray-x11:	#b9bcc0;
--color-japanese-indigo:	#2c3a52;

$color-blue-crayola:	#2175fa;
$color-jordy-blue:	#84bcf4;
$color-yankees-blue:	#12243b;
$color-slate-gray:	#767e90;
$color-gray-x11:	#b9bcc0;
$color-japanese-indigo:	#2c3a52;

@color-blue-crayola:	#2175fa;
@color-jordy-blue:	#84bcf4;
@color-yankees-blue:	#12243b;
@color-slate-gray:	#767e90;
@color-gray-x11:	#b9bcc0;
@color-japanese-indigo:	#2c3a52;