Web flat logo ux

  • #fb447c
  • #fc7494
  • #2b3464
  • #5494ac
  • #c8d5dc
  • #343a66
  0.3k
Criado em 02/10/2020 14:32
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #fb447c e #5494ac. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #2B3464 (mais escuro) a #C8D5DC (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 1 suaves e 2 vívidas em 6 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (4 de 6).

Códigos HEX (ordenados): #2B3464, #343A66, #5494AC, #C8D5DC, #FB447C, #FC7494

A paleta Web flat logo ux combina 6 códigos de cor:
HEX: #fb447c, RGB: (251, 68, 124); HEX: #fc7494, RGB: (252, 116, 148); HEX: #2b3464, RGB: (43, 52, 100)
HEX: #5494ac, RGB: (84, 148, 172); HEX: #c8d5dc, RGB: (200, 213, 220); HEX: #343a66, RGB: (52, 58, 102)
Versão simplificada das cores da paleta
Tom claro de Rosa-profundo, Tom claro de Vermelho-violeta-pálido, Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-cadete, Tom escuro de Cinza-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Web flat logo ux códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#fb447c#fb447cRGB(251, 68, 124)——
#fc7494#fc7494RGB(252, 116, 148)——
#2b3464#2b3464RGB(43, 52, 100)——
#5494ac#5494acRGB(84, 148, 172)——
#c8d5dc#c8d5dcRGB(200, 213, 220)——
#343a66#343a66RGB(52, 58, 102)——

Contraste da paleta de cores

5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#fb447c
#fc7494
1.29
#fb447c
#5494ac
1
#fc7494
#5494ac
1.29
#fc7494
#c8d5dc
1.73
#2b3464
#343a66
1.09

Paleta de imagens Web flat logo ux png