Ux sign up welcome app

Fuchsia Rose
#c44c7c
Gold (Crayola)
#e2cc92
Brown Chocolate
#63203b
UCLA Blue
#546494
Wild Blue Yonder
#a5a9ce
Charcoal
#34374f

A paleta consiste em cores Luz, Escuro. Cores de destaque Gold (Crayola) #e2cc92 e Wild Blue Yonder #a5a9ce. A paleta tem Esquentar, Legal temperatura de cores.

Em luminosidade, a paleta vai de #63203B (mais escuro) a #E2CC92 (mais claro). A faixa de luminosidade é moderada.

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).

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #34374F, #546494, #63203B, #A5A9CE, #C44C7C, #E2CC92

A paleta Ux sign up welcome app tem uma combinação de cores de códigos de 6:

HEX: #c44c7c, RGB: (196, 76, 124); HEX: #e2cc92, RGB: (226, 204, 146); HEX: #63203b, RGB: (99, 32, 59)

HEX: #546494, RGB: (84, 100, 148); HEX: #a5a9ce, RGB: (165, 169, 206); HEX: #34374f, RGB: (52, 55, 79)

Versão simplificada das cores da paleta

Sombra de mediumvioletred, Matiz de wheat, Sombra de Roxo, Matiz de slateblue, Matiz de lightsteelblue, Matiz de darkslateblue

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Ux sign up welcome app códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#c44c7c	#c44c7c	RGB(196, 76, 124)	Fuchsia Rose	—
#e2cc92	#e2cc92	RGB(226, 204, 146)	Gold (Crayola)	—
#63203b	#63203b	RGB(99, 32, 59)	Brown Chocolate	—
#546494	#546494	RGB(84, 100, 148)	UCLA Blue	—
#a5a9ce	#a5a9ce	RGB(165, 169, 206)	Wild Blue Yonder	—
#34374f	#34374f	RGB(52, 55, 79)	Charcoal	—

Contraste da Paleta de Cores

4 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
#c44c7c	#546494	1.28
#c44c7c	#a5a9ce	1.96
#e2cc92	#a5a9ce	1.44
#63203b	#34374f	1

Paleta de imagens Ux sign up welcome app png

--color-fuchsia-rose:	#c44c7c;
--color-gold-crayola:	#e2cc92;
--color-brown-chocolate:	#63203b;
--color-ucla-blue:	#546494;
--color-wild-blue-yonder:	#a5a9ce;
--color-charcoal:	#34374f;

$color-fuchsia-rose:	#c44c7c;
$color-gold-crayola:	#e2cc92;
$color-brown-chocolate:	#63203b;
$color-ucla-blue:	#546494;
$color-wild-blue-yonder:	#a5a9ce;
$color-charcoal:	#34374f;

@color-fuchsia-rose:	#c44c7c;
@color-gold-crayola:	#e2cc92;
@color-brown-chocolate:	#63203b;
@color-ucla-blue:	#546494;
@color-wild-blue-yonder:	#a5a9ce;
@color-charcoal:	#34374f;