Mobile app health data ui biometric colors

Majorelle Blue
#544ef3
Very Light Blue
#6a63f1
Illuminating Emerald
#3c9c7c
Green Sheen
#76c1b2
Pale Silver
#c6c3b0
Dark Jungle Green
#182c24

A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Majorelle Blue #544ef3 e Pale Silver #c6c3b0. A paleta tem Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #182C24 (mais escuro) a #C6C3B0 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #182C24, #3C9C7C, #544EF3, #6A63F1, #76C1B2, #C6C3B0

A paleta Mobile app health data ui biometric colors tem uma combinação de cores de códigos de 6:

HEX: #544ef3, RGB: (84, 78, 243); HEX: #6a63f1, RGB: (106, 99, 241); HEX: #3c9c7c, RGB: (60, 156, 124)

HEX: #76c1b2, RGB: (118, 193, 178); HEX: #c6c3b0, RGB: (198, 195, 176); HEX: #182c24, RGB: (24, 44, 36)

Versão simplificada das cores da paleta

Matiz de slateblue, Matiz de mediumslateblue, Sombra de seashell, Matiz de mediumaquamarine, Sombra de Prata, Matiz de darkslategrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Mobile app health data ui biometric colors códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#544ef3	#544ef3	RGB(84, 78, 243)	Majorelle Blue	—
#6a63f1	#6a63f1	RGB(106, 99, 241)	Very Light Blue	—
#3c9c7c	#3c9c7c	RGB(60, 156, 124)	Illuminating Emerald	—
#76c1b2	#76c1b2	RGB(118, 193, 178)	Green Sheen	—
#c6c3b0	#c6c3b0	RGB(198, 195, 176)	Pale Silver	—
#182c24	#182c24	RGB(24, 44, 36)	Dark Jungle Green	—

Contraste da Paleta de Cores

6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#544ef3	#6a63f1	1.24
#544ef3	#3c9c7c	1.65
#6a63f1	#3c9c7c	1.33
#3c9c7c	#76c1b2	1.6
#3c9c7c	#c6c3b0	1.89
#76c1b2	#c6c3b0	1.17

Paleta de imagens Mobile app health data ui biometric colors png

Mobile app health data ui biometric colors - #186374

--color-majorelle-blue:	#544ef3;
--color-very-light-blue:	#6a63f1;
--color-illuminating-emerald:	#3c9c7c;
--color-green-sheen:	#76c1b2;
--color-pale-silver:	#c6c3b0;
--color-dark-jungle-green:	#182c24;

$color-majorelle-blue:	#544ef3;
$color-very-light-blue:	#6a63f1;
$color-illuminating-emerald:	#3c9c7c;
$color-green-sheen:	#76c1b2;
$color-pale-silver:	#c6c3b0;
$color-dark-jungle-green:	#182c24;

@color-majorelle-blue:	#544ef3;
@color-very-light-blue:	#6a63f1;
@color-illuminating-emerald:	#3c9c7c;
@color-green-sheen:	#76c1b2;
@color-pale-silver:	#c6c3b0;
@color-dark-jungle-green:	#182c24;