Sketch mobile app landing page agency illustration

Maximum Yellow Red
#f5bf42
Dutch White
#f4d8c3
Deep Koamaru
#2c3c5c
Blue Yonder
#5a77ad
Crystal
#abd5d7
Dark Gunmetal
#1d2535

Палітра містить світлий, темний кольори. Акцентні кольори Maximum Yellow Red #f5bf42 та Crystal #abd5d7. Палітра має температуру кольорів Теплий, Холодний.

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

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

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

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

HEX-коди (відсортовано): #1D2535, #2C3C5C, #5A77AD, #ABD5D7, #F4D8C3, #F5BF42

Палітра Sketch mobile app landing page agency illustration містить комбінацію з 6 кодів кольорів :

HEX: #f5bf42, RGB: (245, 191, 66); HEX: #f4d8c3, RGB: (244, 216, 195); HEX: #2c3c5c, RGB: (44, 60, 92)

HEX: #5a77ad, RGB: (90, 119, 173); HEX: #abd5d7, RGB: (171, 213, 215); HEX: #1d2535, RGB: (29, 37, 53)

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

Відтінок goldenrod, Відтінок peachpuff, Відтінок darkslateblue, Відтінок steelblue, Відтінок powderblue, Відтінок Чорний

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

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

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

Sketch mobile app landing page agency illustration коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f5bf42	#f5bf42	RGB(245, 191, 66)	Maximum Yellow Red	—
#f4d8c3	#f4d8c3	RGB(244, 216, 195)	Dutch White	—
#2c3c5c	#2c3c5c	RGB(44, 60, 92)	Deep Koamaru	—
#5a77ad	#5a77ad	RGB(90, 119, 173)	Blue Yonder	—
#abd5d7	#abd5d7	RGB(171, 213, 215)	Crystal	—
#1d2535	#1d2535	RGB(29, 37, 53)	Dark Gunmetal	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f5bf42	#f4d8c3	1.24
#f5bf42	#abd5d7	1.06
#f4d8c3	#abd5d7	1.16
#2c3c5c	#1d2535	1.39

Зображення палітри Sketch mobile app landing page agency illustration png

Sketch mobile app landing page agency illustration - #178552

--color-maximum-yellow-red:	#f5bf42;
--color-dutch-white:	#f4d8c3;
--color-deep-koamaru:	#2c3c5c;
--color-blue-yonder:	#5a77ad;
--color-crystal:	#abd5d7;
--color-dark-gunmetal:	#1d2535;

$color-maximum-yellow-red:	#f5bf42;
$color-dutch-white:	#f4d8c3;
$color-deep-koamaru:	#2c3c5c;
$color-blue-yonder:	#5a77ad;
$color-crystal:	#abd5d7;
$color-dark-gunmetal:	#1d2535;

@color-maximum-yellow-red:	#f5bf42;
@color-dutch-white:	#f4d8c3;
@color-deep-koamaru:	#2c3c5c;
@color-blue-yonder:	#5a77ad;
@color-crystal:	#abd5d7;
@color-dark-gunmetal:	#1d2535;