Website design wordpress web design colors palette

  • #54b4f4
  • #5456e0
  • #192e5b
  • #5150a2
  • #b7cdda
  • #453e7f
  0.22k
Criado em 09/06/2019 08:32
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque #54b4f4 e #5456e0. A paleta tem Frio temperatura de cores.

Em luminosidade, a paleta vai de #192E5B (mais escuro) a #B7CDDA (mais claro). A faixa de luminosidade é moderada.

A saturação está num intervalo médio, com uma média de 52% na paleta.

Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 44°.

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

Códigos HEX (ordenados): #192E5B, #453E7F, #5150A2, #5456E0, #54B4F4, #B7CDDA

A paleta Website design wordpress web design colors palette combina 6 códigos de cor:
HEX: #54b4f4, RGB: (84, 180, 244); HEX: #5456e0, RGB: (84, 86, 224); HEX: #192e5b, RGB: (25, 46, 91)
HEX: #5150a2, RGB: (81, 80, 162); HEX: #b7cdda, RGB: (183, 205, 218); HEX: #453e7f, RGB: (69, 62, 127)
Versão simplificada das cores da paleta
Tom claro de Azul-céu-profundo, Tom escuro de Azul-ardósia, Tom claro de Azul-meia-noite, Tom claro de Azul-ardósia-escuro, Tom escuro de Azul-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Website design wordpress web design colors palette códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#54b4f4#54b4f4RGB(84, 180, 244)——
#5456e0#5456e0RGB(84, 86, 224)——
#192e5b#192e5bRGB(25, 46, 91)——
#5150a2#5150a2RGB(81, 80, 162)——
#b7cdda#b7cddaRGB(183, 205, 218)——
#453e7f#453e7fRGB(69, 62, 127)——

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 textoCor de fundoRazão de contraste
#54b4f4
#b7cdda
1.38
#5456e0
#5150a2
1.25
#5456e0
#453e7f
1.68
#192e5b
#5150a2
1.9
#192e5b
#453e7f
1.42
#5150a2
#453e7f
1.34

Paleta de imagens Website design wordpress web design colors palette png