Birds illustration swallows hex colors

White
#dcdcdc
Chinese Blue
#3c50a0
UCLA Blue
#5064a0
Azureish White
#dcdcf0
Liberty
#5050a0
Chinese Blue
#3c508c

Палітра містить світлий, напівтемний кольори. Акцентні кольори White #dcdcdc та Chinese Blue #3c50a0. Палітра має температуру кольорів Нейтральний, Холодний.

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

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

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

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

HEX-коди (відсортовано): #3C508C, #3C50A0, #5050A0, #5064A0, #DCDCDC, #DCDCF0

Палітра Birds illustration swallows hex colors містить комбінацію з 6 кодів кольорів :

HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #3c50a0, RGB: (60, 80, 160); HEX: #5064a0, RGB: (80, 100, 160)

HEX: #dcdcf0, RGB: (220, 220, 240); HEX: #5050a0, RGB: (80, 80, 160); HEX: #3c508c, RGB: (60, 80, 140)

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

Відтінок darkslateblue, Відтінок royalblue, Відтінок lavender, Відтінок darkslateblue, Відтінок darkslateblue

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

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

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

Birds illustration swallows hex colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#dcdcdc	#dcdcdc	RGB(220, 220, 220)	White	Gainsboro
#3c50a0	#3c50a0	RGB(60, 80, 160)	Chinese Blue	—
#5064a0	#5064a0	RGB(80, 100, 160)	UCLA Blue	—
#dcdcf0	#dcdcf0	RGB(220, 220, 240)	Azureish White	—
#5050a0	#5050a0	RGB(80, 80, 160)	Liberty	—
#3c508c	#3c508c	RGB(60, 80, 140)	Chinese Blue	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#dcdcdc	#dcdcf0	1.01
#3c50a0	#5064a0	1.28
#3c50a0	#5050a0	1.05
#3c50a0	#3c508c	1.04
#5064a0	#5050a0	1.22
#5064a0	#3c508c	1.35

Зображення палітри Birds illustration swallows hex colors png

Birds illustration swallows hex colors - #258537

--color-white:	#dcdcdc;
--color-chinese-blue:	#3c50a0;
--color-ucla-blue:	#5064a0;
--color-azureish-white:	#dcdcf0;
--color-liberty:	#5050a0;
--color-chinese-blue:	#3c508c;

$color-white:	#dcdcdc;
$color-chinese-blue:	#3c50a0;
$color-ucla-blue:	#5064a0;
$color-azureish-white:	#dcdcf0;
$color-liberty:	#5050a0;
$color-chinese-blue:	#3c508c;

@color-white:	#dcdcdc;
@color-chinese-blue:	#3c50a0;
@color-ucla-blue:	#5064a0;
@color-azureish-white:	#dcdcf0;
@color-liberty:	#5050a0;
@color-chinese-blue:	#3c508c;