Designs mockup app design ux colors

  • #0b90d0
  • #c194ee
  • #2e3872
  • #5a5eb2
  • #ca9ea5
  • #3a323b
  0.18k
Criado em 12/18/2019 08:11
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #0b90d0 e #ca9ea5. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #3A323B (mais escuro) a #C194EE (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): #0B90D0, #2E3872, #3A323B, #5A5EB2, #C194EE, #CA9EA5

A paleta Designs mockup app design ux colors combina 6 códigos de cor:
HEX: #0b90d0, RGB: (11, 144, 208); HEX: #c194ee, RGB: (193, 148, 238); HEX: #2e3872, RGB: (46, 56, 114)
HEX: #5a5eb2, RGB: (90, 94, 178); HEX: #ca9ea5, RGB: (202, 158, 165); HEX: #3a323b, RGB: (58, 50, 59)
Versão simplificada das cores da paleta
Tom escuro de Azul-aço, Tom escuro de Ameixa, Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-ardósia, Tom claro de Marrom-rosado, Tom claro de Preto
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Designs mockup app design ux colors códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#0b90d0#0b90d0RGB(11, 144, 208)——
#c194ee#c194eeRGB(193, 148, 238)——
#2e3872#2e3872RGB(46, 56, 114)——
#5a5eb2#5a5eb2RGB(90, 94, 178)——
#ca9ea5#ca9ea5RGB(202, 158, 165)——
#3a323b#3a323bRGB(58, 50, 59)——

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
#0b90d0
#c194ee
1.47
#0b90d0
#5a5eb2
1.6
#0b90d0
#ca9ea5
1.51
#c194ee
#ca9ea5
1.02
#2e3872
#5a5eb2
1.91
#2e3872
#3a323b
1.13

Paleta de imagens Designs mockup app design ux colors png