Cab ux ios ui deisgn palette

Brandeis Blue
#046ee8
Pale Cerulean
#98bde0
Midnight Blue
#043c8c
Middle Red Purple
#a1565c
Pale Chestnut
#dcb4b8
Metallic Blue
#3a5b73

A paleta consiste em cores Semi escuro, Luz. Cores de destaque Brandeis Blue #046ee8 e Pale Chestnut #dcb4b8. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #043C8C (mais escuro) a #DCB4B8 (mais claro). A faixa de luminosidade é moderada.

A saturação está num intervalo médio.

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): #043C8C, #046EE8, #3A5B73, #98BDE0, #A1565C, #DCB4B8

A paleta Cab ux ios ui deisgn palette tem uma combinação de cores de códigos de 6:

HEX: #046ee8, RGB: (4, 110, 232); HEX: #98bde0, RGB: (152, 189, 224); HEX: #043c8c, RGB: (4, 60, 140)

HEX: #a1565c, RGB: (161, 86, 92); HEX: #dcb4b8, RGB: (220, 180, 184); HEX: #3a5b73, RGB: (58, 91, 115)

Versão simplificada das cores da paleta

Matiz de royalblue, Matiz de lightsteelblue, Matiz de darkslateblue, Matiz de indianred, Matiz de Rosa, Sombra de darkslategrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Cab ux ios ui deisgn palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#046ee8	#046ee8	RGB(4, 110, 232)	Brandeis Blue	—
#98bde0	#98bde0	RGB(152, 189, 224)	Pale Cerulean	—
#043c8c	#043c8c	RGB(4, 60, 140)	Midnight Blue	—
#a1565c	#a1565c	RGB(161, 86, 92)	Middle Red Purple	—
#dcb4b8	#dcb4b8	RGB(220, 180, 184)	Pale Chestnut	—
#3a5b73	#3a5b73	RGB(58, 91, 115)	Metallic Blue	—

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
#046ee8	#a1565c	1.09
#046ee8	#3a5b73	1.5
#98bde0	#dcb4b8	1.05
#043c8c	#a1565c	1.97
#043c8c	#3a5b73	1.44
#a1565c	#3a5b73	1.36

Paleta de imagens Cab ux ios ui deisgn palette png

--color-brandeis-blue:	#046ee8;
--color-pale-cerulean:	#98bde0;
--color-midnight-blue:	#043c8c;
--color-middle-red-purple:	#a1565c;
--color-pale-chestnut:	#dcb4b8;
--color-metallic-blue:	#3a5b73;

$color-brandeis-blue:	#046ee8;
$color-pale-cerulean:	#98bde0;
$color-midnight-blue:	#043c8c;
$color-middle-red-purple:	#a1565c;
$color-pale-chestnut:	#dcb4b8;
$color-metallic-blue:	#3a5b73;

@color-brandeis-blue:	#046ee8;
@color-pale-cerulean:	#98bde0;
@color-midnight-blue:	#043c8c;
@color-middle-red-purple:	#a1565c;
@color-pale-chestnut:	#dcb4b8;
@color-metallic-blue:	#3a5b73;