Financial ux pay funds palette

English Red
#b04c4c
Dark Vanilla
#d0b19d
Caput Mortuum
#5c2727
Beaver
#a48266
Pastel Gray
#dbcec0
Purple Taupe
#4c344c

A paleta consiste em cores Semi escuro, Luz. Cores de destaque English Red #b04c4c e Caput Mortuum #5c2727. A paleta tem Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #4C344C (mais escuro) a #DBCEC0 (mais claro). A faixa de luminosidade é ampla.

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

Os matizes ficam numa faixa vizinha na roda (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #4C344C, #5C2727, #A48266, #B04C4C, #D0B19D, #DBCEC0

A paleta Financial ux pay funds palette tem uma combinação de cores de códigos de 6:

HEX: #b04c4c, RGB: (176, 76, 76); HEX: #d0b19d, RGB: (208, 177, 157); HEX: #5c2727, RGB: (92, 39, 39)

HEX: #a48266, RGB: (164, 130, 102); HEX: #dbcec0, RGB: (219, 206, 192); HEX: #4c344c, RGB: (76, 52, 76)

Versão simplificada das cores da paleta

Matiz de indianred, Matiz de tan, Sombra de Marrom, Matiz de peru, Matiz de antiquewhite, Matiz de darkslateblue

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Financial ux pay funds palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#b04c4c	#b04c4c	RGB(176, 76, 76)	English Red	—
#d0b19d	#d0b19d	RGB(208, 177, 157)	Dark Vanilla	—
#5c2727	#5c2727	RGB(92, 39, 39)	Caput Mortuum	—
#a48266	#a48266	RGB(164, 130, 102)	Beaver	—
#dbcec0	#dbcec0	RGB(219, 206, 192)	Pastel Gray	—
#4c344c	#4c344c	RGB(76, 52, 76)	Purple Taupe	—

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
#b04c4c	#a48266	1.49
#d0b19d	#a48266	1.75
#d0b19d	#dbcec0	1.3
#5c2727	#4c344c	1.07

Paleta de imagens Financial ux pay funds palette png

Financial ux pay funds palette - #200168

--color-english-red:	#b04c4c;
--color-dark-vanilla:	#d0b19d;
--color-caput-mortuum:	#5c2727;
--color-beaver:	#a48266;
--color-pastel-gray:	#dbcec0;
--color-purple-taupe:	#4c344c;

$color-english-red:	#b04c4c;
$color-dark-vanilla:	#d0b19d;
$color-caput-mortuum:	#5c2727;
$color-beaver:	#a48266;
$color-pastel-gray:	#dbcec0;
$color-purple-taupe:	#4c344c;

@color-english-red:	#b04c4c;
@color-dark-vanilla:	#d0b19d;
@color-caput-mortuum:	#5c2727;
@color-beaver:	#a48266;
@color-pastel-gray:	#dbcec0;
@color-purple-taupe:	#4c344c;