Web design fintech profile ui colours

Bright Navy Blue
#1272c4
Pastel Pink
#e0a49d
Midnight Blue
#04448c
Rackley
#5c8cac
Silver Pink
#cab4a9
Olive Drab Camouflage
#5e4c32

A paleta consiste em cores Semi escuro, Luz. Cores de destaque Pastel Pink #e0a49d e Midnight Blue #04448c. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

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

Códigos HEX (ordenados): #04448C, #1272C4, #5C8CAC, #5E4C32, #CAB4A9, #E0A49D

A paleta Web design fintech profile ui colours tem uma combinação de cores de códigos de 6:

HEX: #1272c4, RGB: (18, 114, 196); HEX: #e0a49d, RGB: (224, 164, 157); HEX: #04448c, RGB: (4, 68, 140)

HEX: #5c8cac, RGB: (92, 140, 172); HEX: #cab4a9, RGB: (202, 180, 169); HEX: #5e4c32, RGB: (94, 76, 50)

Versão simplificada das cores da paleta

Matiz de steelblue, Sombra de rosybrown, Matiz de darkslateblue, Sombra de steelblue, Matiz de Prata, Matiz de saddlebrown

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Web design fintech profile ui colours códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#1272c4	#1272c4	RGB(18, 114, 196)	Bright Navy Blue	—
#e0a49d	#e0a49d	RGB(224, 164, 157)	Pastel Pink	—
#04448c	#04448c	RGB(4, 68, 140)	Midnight Blue	—
#5c8cac	#5c8cac	RGB(92, 140, 172)	Rackley	—
#cab4a9	#cab4a9	RGB(202, 180, 169)	Silver Pink	—
#5e4c32	#5e4c32	RGB(94, 76, 50)	Olive Drab Camouflage	—

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
#1272c4	#04448c	1.91
#1272c4	#5c8cac	1.37
#1272c4	#5e4c32	1.65
#e0a49d	#5c8cac	1.71
#e0a49d	#cab4a9	1.06
#04448c	#5e4c32	1.15

--color-bright-navy-blue:	#1272c4;
--color-pastel-pink:	#e0a49d;
--color-midnight-blue:	#04448c;
--color-rackley:	#5c8cac;
--color-silver-pink:	#cab4a9;
--color-olive-drab-camouflage:	#5e4c32;

$color-bright-navy-blue:	#1272c4;
$color-pastel-pink:	#e0a49d;
$color-midnight-blue:	#04448c;
$color-rackley:	#5c8cac;
$color-silver-pink:	#cab4a9;
$color-olive-drab-camouflage:	#5e4c32;

@color-bright-navy-blue:	#1272c4;
@color-pastel-pink:	#e0a49d;
@color-midnight-blue:	#04448c;
@color-rackley:	#5c8cac;
@color-silver-pink:	#cab4a9;
@color-olive-drab-camouflage:	#5e4c32;

Web design fintech profile ui colours

Códigos de cores na paleta

Contraste da Paleta de Cores

Paleta de imagens Web design fintech profile ui colours png