Music video ux ui hex colors

Green Sheen
#6cc4a4
Middle Blue Green
#8cebc4
Dark Slate Gray
#255e4a
Green Sheen
#6cbc9c
Silver Foil
#afb2b1
Rich Black (FOGRA29)
#0c0c14

Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Middle Blue Green #8cebc4 та Dark Slate Gray #255e4a. Палітра має температуру кольорів Холодний, Нейтральний.

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

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

Відтінки лежать у сусідній смузі на колі (евристика).

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

HEX-коди (відсортовано): #0C0C14, #255E4A, #6CBC9C, #6CC4A4, #8CEBC4, #AFB2B1

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

HEX: #6cc4a4, RGB: (108, 196, 164); HEX: #8cebc4, RGB: (140, 235, 196); HEX: #255e4a, RGB: (37, 94, 74)

HEX: #6cbc9c, RGB: (108, 188, 156); HEX: #afb2b1, RGB: (175, 178, 177); HEX: #0c0c14, RGB: (12, 12, 20)

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

Відтінок mediumaquamarine, Відтінок aquamarine, Відтінок darkslategrey, Відтінок mediumaquamarine, Відтінок darkgrey, Відтінок Чорний

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

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

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

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

Колір	HEX	RGB	Назва	Альтернативна назва
#6cc4a4	#6cc4a4	RGB(108, 196, 164)	Green Sheen	—
#8cebc4	#8cebc4	RGB(140, 235, 196)	Middle Blue Green	—
#255e4a	#255e4a	RGB(37, 94, 74)	Dark Slate Gray	—
#6cbc9c	#6cbc9c	RGB(108, 188, 156)	Green Sheen	—
#afb2b1	#afb2b1	RGB(175, 178, 177)	Silver Foil	—
#0c0c14	#0c0c14	RGB(12, 12, 20)	Rich Black (FOGRA29)	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#6cc4a4	#8cebc4	1.46
#6cc4a4	#6cbc9c	1.08
#6cc4a4	#afb2b1	1.02
#8cebc4	#6cbc9c	1.58
#8cebc4	#afb2b1	1.5
#6cbc9c	#afb2b1	1.05

Зображення палітри Music video ux ui hex colors png

--color-green-sheen:	#6cc4a4;
--color-middle-blue-green:	#8cebc4;
--color-dark-slate-gray:	#255e4a;
--color-green-sheen:	#6cbc9c;
--color-silver-foil:	#afb2b1;
--color-rich-black-fogra29:	#0c0c14;

$color-green-sheen:	#6cc4a4;
$color-middle-blue-green:	#8cebc4;
$color-dark-slate-gray:	#255e4a;
$color-green-sheen:	#6cbc9c;
$color-silver-foil:	#afb2b1;
$color-rich-black-fogra29:	#0c0c14;

@color-green-sheen:	#6cc4a4;
@color-middle-blue-green:	#8cebc4;
@color-dark-slate-gray:	#255e4a;
@color-green-sheen:	#6cbc9c;
@color-silver-foil:	#afb2b1;
@color-rich-black-fogra29:	#0c0c14;