Палітри кольорів
Landing page health ui colors

Створено 03/16/2023 21:46

авторcolorswall

Landing page health ui colors

Deep Green-Cyan Turquoise

#108c64

Middle Blue Green

#80d4cc

Bangladesh Green

#0e5e57

Polished Pine

#5da79a

Pastel Blue

#a2cfcc

Steel Teal

#50848c

Палітра містить світлий кольори. Акцентні кольори Deep Green-Cyan Turquoise #108c64 та Bangladesh Green #0e5e57. Палітра має температуру кольорів Холодний.

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

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

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

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

HEX-коди (відсортовано): #0E5E57, #108C64, #50848C, #5DA79A, #80D4CC, #A2CFCC

Палітра Landing page health ui colors містить комбінацію з 6 кодів кольорів :

HEX: #108c64, RGB: (16, 140, 100); HEX: #80d4cc, RGB: (128, 212, 204); HEX: #0e5e57, RGB: (14, 94, 87)

HEX: #5da79a, RGB: (93, 167, 154); HEX: #a2cfcc, RGB: (162, 207, 204); HEX: #50848c, RGB: (80, 132, 140)

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

Відтінок seashell, Відтінок mediumturquoise, Відтінок darkslategrey, Відтінок lightseagreen, Відтінок powderblue, Відтінок darkcyan

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

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

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

Landing page health ui colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#108c64	#108c64	RGB(16, 140, 100)	Deep Green-Cyan Turquoise	—
#80d4cc	#80d4cc	RGB(128, 212, 204)	Middle Blue Green	—
#0e5e57	#0e5e57	RGB(14, 94, 87)	Bangladesh Green	—
#5da79a	#5da79a	RGB(93, 167, 154)	Polished Pine	—
#a2cfcc	#a2cfcc	RGB(162, 207, 204)	Pastel Blue	—
#50848c	#50848c	RGB(80, 132, 140)	Steel Teal	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#108c64	#0e5e57	1.79
#108c64	#5da79a	1.5
#108c64	#50848c	1.01
#80d4cc	#5da79a	1.63
#80d4cc	#a2cfcc	1.01
#0e5e57	#50848c	1.82

Зображення палітри Landing page health ui colors png

--color-deep-green-cyan-turquoise:	#108c64;
--color-middle-blue-green:	#80d4cc;
--color-bangladesh-green:	#0e5e57;
--color-polished-pine:	#5da79a;
--color-pastel-blue:	#a2cfcc;
--color-steel-teal:	#50848c;

$color-deep-green-cyan-turquoise:	#108c64;
$color-middle-blue-green:	#80d4cc;
$color-bangladesh-green:	#0e5e57;
$color-polished-pine:	#5da79a;
$color-pastel-blue:	#a2cfcc;
$color-steel-teal:	#50848c;

@color-deep-green-cyan-turquoise:	#108c64;
@color-middle-blue-green:	#80d4cc;
@color-bangladesh-green:	#0e5e57;
@color-polished-pine:	#5da79a;
@color-pastel-blue:	#a2cfcc;
@color-steel-teal:	#50848c;