App ui design hex colors

Vivid Sky Blue
#09cff5
Winter Wizard
#98ebfb
Skobeloff
#046b7f
Desaturated Cyan
#649094
Opal
#98bcc4
Charcoal
#34444c

Палітра містить світлий, напівтемний кольори. Акцентні кольори Vivid Sky Blue #09cff5 та Skobeloff #046b7f. Палітра має температуру кольорів Холодний.

За світлістю палітра сягає від #34444C (найтемніший) до #98EBFB (найсвітліший). Діапазон світлості помірний.

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

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

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

HEX-коди (відсортовано): #046B7F, #09CFF5, #34444C, #649094, #98BCC4, #98EBFB

Палітра App ui design hex colors містить комбінацію з 6 кодів кольорів :

HEX: #09cff5, RGB: (9, 207, 245); HEX: #98ebfb, RGB: (152, 235, 251); HEX: #046b7f, RGB: (4, 107, 127)

HEX: #649094, RGB: (100, 144, 148); HEX: #98bcc4, RGB: (152, 188, 196); HEX: #34444c, RGB: (52, 68, 76)

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

Відтінок skyblue, Відтінок powderblue, Відтінок Блакитний, Відтінок cadetblue, Відтінок lightblue, Відтінок darkslategrey

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

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

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

App ui design hex colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#09cff5	#09cff5	RGB(9, 207, 245)	Vivid Sky Blue	—
#98ebfb	#98ebfb	RGB(152, 235, 251)	Winter Wizard	—
#046b7f	#046b7f	RGB(4, 107, 127)	Skobeloff	—
#649094	#649094	RGB(100, 144, 148)	Desaturated Cyan	—
#98bcc4	#98bcc4	RGB(152, 188, 196)	Opal	—
#34444c	#34444c	RGB(52, 68, 76)	Charcoal	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#09cff5	#98ebfb	1.38
#09cff5	#649094	1.88
#09cff5	#98bcc4	1.09
#98ebfb	#98bcc4	1.51
#046b7f	#649094	1.74
#046b7f	#34444c	1.64

Зображення палітри App ui design hex colors png

--color-vivid-sky-blue:	#09cff5;
--color-winter-wizard:	#98ebfb;
--color-skobeloff:	#046b7f;
--color-desaturated-cyan:	#649094;
--color-opal:	#98bcc4;
--color-charcoal:	#34444c;

$color-vivid-sky-blue:	#09cff5;
$color-winter-wizard:	#98ebfb;
$color-skobeloff:	#046b7f;
$color-desaturated-cyan:	#649094;
$color-opal:	#98bcc4;
$color-charcoal:	#34444c;

@color-vivid-sky-blue:	#09cff5;
@color-winter-wizard:	#98ebfb;
@color-skobeloff:	#046b7f;
@color-desaturated-cyan:	#649094;
@color-opal:	#98bcc4;
@color-charcoal:	#34444c;

App ui design hex colors

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

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

Зображення палітри App ui design hex colors png

Схожі палітри кольорів