App phin ehr ux colours

Eucalyptus
#50e496
Sea Foam Green
#9be9c0
Field Drab
#654e24
Moss Green
#789854
Pale Silver
#c4ccb0
Soldier Green
#5a4e30

Палітра містить світлий кольори. Акцентні кольори Eucalyptus #50e496 та Sea Foam Green #9be9c0. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #654E24 (найтемніший) до #9BE9C0 (найсвітліший). Діапазон світлості помірний.

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

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

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

HEX-коди (відсортовано): #50E496, #5A4E30, #654E24, #789854, #9BE9C0, #C4CCB0

Палітра App phin ehr ux colours містить комбінацію з 6 кодів кольорів :

HEX: #50e496, RGB: (80, 228, 150); HEX: #9be9c0, RGB: (155, 233, 192); HEX: #654e24, RGB: (101, 78, 36)

HEX: #789854, RGB: (120, 152, 84); HEX: #c4ccb0, RGB: (196, 204, 176); HEX: #5a4e30, RGB: (90, 78, 48)

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

Відтінок mediumspringgreen, Відтінок aquamarine, Відтінок saddlebrown, Відтінок olivedrab, Відтінок beige, Відтінок darkolivegreen

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

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

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

App phin ehr ux colours коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#50e496	#50e496	RGB(80, 228, 150)	Eucalyptus	—
#9be9c0	#9be9c0	RGB(155, 233, 192)	Sea Foam Green	—
#654e24	#654e24	RGB(101, 78, 36)	Field Drab	—
#789854	#789854	RGB(120, 152, 84)	Moss Green	—
#c4ccb0	#c4ccb0	RGB(196, 204, 176)	Pale Silver	—
#5a4e30	#5a4e30	RGB(90, 78, 48)	Soldier Green	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#50e496	#9be9c0	1.14
#50e496	#c4ccb0	1.02
#9be9c0	#c4ccb0	1.17
#654e24	#5a4e30	1.03
#789854	#c4ccb0	1.96

Зображення палітри App phin ehr ux colours png

--color-eucalyptus:	#50e496;
--color-sea-foam-green:	#9be9c0;
--color-field-drab:	#654e24;
--color-moss-green:	#789854;
--color-pale-silver:	#c4ccb0;
--color-soldier-green:	#5a4e30;

$color-eucalyptus:	#50e496;
$color-sea-foam-green:	#9be9c0;
$color-field-drab:	#654e24;
$color-moss-green:	#789854;
$color-pale-silver:	#c4ccb0;
$color-soldier-green:	#5a4e30;

@color-eucalyptus:	#50e496;
@color-sea-foam-green:	#9be9c0;
@color-field-drab:	#654e24;
@color-moss-green:	#789854;
@color-pale-silver:	#c4ccb0;
@color-soldier-green:	#5a4e30;