Ux product ui corporate site hex colors

Portland Orange
#f85c34
Vivid Tangerine
#f29d86
Chestnut
#994131
Crystal Blue
#699fac
Pale Silver
#cfb7b5
Royal Brown
#54342c

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Portland Orange #f85c34 e Crystal Blue #699fac. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #54342C (mais escuro) a #CFB7B5 (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).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #54342C, #699FAC, #994131, #CFB7B5, #F29D86, #F85C34

A paleta Ux product ui corporate site hex colors tem uma combinação de cores de códigos de 6:

HEX: #f85c34, RGB: (248, 92, 52); HEX: #f29d86, RGB: (242, 157, 134); HEX: #994131, RGB: (153, 65, 49)

HEX: #699fac, RGB: (105, 159, 172); HEX: #cfb7b5, RGB: (207, 183, 181); HEX: #54342c, RGB: (84, 52, 44)

Versão simplificada das cores da paleta

Matiz de tomato, Sombra de darksalmon, Sombra de brown, Sombra de cadetblue, Matiz de Prata, Sombra de Marrom

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Ux product ui corporate site hex colors códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f85c34	#f85c34	RGB(248, 92, 52)	Portland Orange	—
#f29d86	#f29d86	RGB(242, 157, 134)	Vivid Tangerine	—
#994131	#994131	RGB(153, 65, 49)	Chestnut	—
#699fac	#699fac	RGB(105, 159, 172)	Crystal Blue	—
#cfb7b5	#cfb7b5	RGB(207, 183, 181)	Pale Silver	—
#54342c	#54342c	RGB(84, 52, 44)	Royal Brown	—

Contraste da Paleta de Cores

7 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
#f85c34	#f29d86	1.51
#f85c34	#699fac	1.08
#f85c34	#cfb7b5	1.68
#f29d86	#699fac	1.38
#f29d86	#cfb7b5	1.11
#994131	#54342c	1.65

Paleta de imagens Ux product ui corporate site hex colors png

Ux product ui corporate site hex colors - #251338

--color-portland-orange:	#f85c34;
--color-vivid-tangerine:	#f29d86;
--color-chestnut:	#994131;
--color-crystal-blue:	#699fac;
--color-pale-silver:	#cfb7b5;
--color-royal-brown:	#54342c;

$color-portland-orange:	#f85c34;
$color-vivid-tangerine:	#f29d86;
$color-chestnut:	#994131;
$color-crystal-blue:	#699fac;
$color-pale-silver:	#cfb7b5;
$color-royal-brown:	#54342c;

@color-portland-orange:	#f85c34;
@color-vivid-tangerine:	#f29d86;
@color-chestnut:	#994131;
@color-crystal-blue:	#699fac;
@color-pale-silver:	#cfb7b5;
@color-royal-brown:	#54342c;