Development ux webapp banner colors palette

  • Battery Charged Blue
    #1ba8e0
  • Very Light Blue
    #6b6dfb
  • Cyan Cobalt Blue
    #245496
  • Rose Dust
    #9c6474
  • Blue Bell
    #aca6d4
  • Dark Puce
    #522c3c
  0.15k
Criado em 02/24/2022 14:53
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Battery Charged Blue #1ba8e0 e Very Light Blue #6b6dfb. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #522C3C (mais escuro) a #ACA6D4 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 1 suaves e 3 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): #1BA8E0, #245496, #522C3C, #6B6DFB, #9C6474, #ACA6D4

A paleta Development ux webapp banner colors palette combina 6 códigos de cor:
HEX: #1ba8e0, RGB: (27, 168, 224); HEX: #6b6dfb, RGB: (107, 109, 251); HEX: #245496, RGB: (36, 84, 150)
HEX: #9c6474, RGB: (156, 100, 116); HEX: #aca6d4, RGB: (172, 166, 212); HEX: #522c3c, RGB: (82, 44, 60)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu-profundo, Tom escuro de Azul-ardósia-médio, Tom escuro de Azul-royal, Tom escuro de Vermelho-violeta-pálido, Tom escuro de Cardo, Tom claro de Roxo
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Development ux webapp banner colors palette códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#1ba8e0#1ba8e0RGB(27, 168, 224)Battery Charged Blue—
#6b6dfb#6b6dfbRGB(107, 109, 251)Very Light Blue—
#245496#245496RGB(36, 84, 150)Cyan Cobalt Blue—
#9c6474#9c6474RGB(156, 100, 116)Rose Dust—
#aca6d4#aca6d4RGB(172, 166, 212)Blue Bell—
#522c3c#522c3cRGB(82, 44, 60)Dark Puce—

Contraste da paleta de cores

8 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
#1ba8e0
#6b6dfb
1.48
#1ba8e0
#9c6474
1.72
#1ba8e0
#aca6d4
1.18
#6b6dfb
#245496
1.87
#6b6dfb
#9c6474
1.15
#6b6dfb
#aca6d4
1.75

Paleta de imagens Development ux webapp banner colors palette png