Web logo ux app colors

  • #b45565
  • #f2eb84
  • #143240
  • #a7a564
  • #c3c4c7
  • #3b5460
  0.14k

Web logo ux app colors tem 6 cores, com predomínio de tons amarelos e azuis. A cor mais clara é Cáqui (#F2EB84) e a mais escura, Azul-meia-noite (#143240). O par com maior contraste é #143240 sobre #F2EB84 (10.8:1, WCAG AAA).

Criado em 10/21/2021 22:39
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque #f2eb84 e #143240. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #143240 (mais escuro) a #F2EB84 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 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 quente (3 de 6).

Códigos HEX (ordenados): #143240, #3B5460, #A7A564, #B45565, #C3C4C7, #F2EB84

A paleta Web logo ux app colors combina 6 códigos de cor:
HEX: #b45565, RGB: (180, 85, 101); HEX: #f2eb84, RGB: (242, 235, 132); HEX: #143240, RGB: (20, 50, 64)
HEX: #a7a564, RGB: (167, 165, 100); HEX: #c3c4c7, RGB: (195, 196, 199); HEX: #3b5460, RGB: (59, 84, 96)
Versão simplificada das cores da paleta
Tom escuro de Vermelho-indiano, Tom claro de Cáqui, Tom claro de Azul-meia-noite, Tom escuro de Cáqui-escuro, Tom claro de Prata, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

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

CorHEXRGBNomenome alternativo
#b45565#b45565RGB(180, 85, 101)——
#f2eb84#f2eb84RGB(242, 235, 132)——
#143240#143240RGB(20, 50, 64)——
#a7a564#a7a564RGB(167, 165, 100)——
#c3c4c7#c3c4c7RGB(195, 196, 199)——
#3b5460#3b5460RGB(59, 84, 96)——

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
#b45565
#a7a564
1.85
#b45565
#3b5460
1.68
#f2eb84
#c3c4c7
1.41
#143240
#3b5460
1.68
#a7a564
#c3c4c7
1.46

Paleta de imagens Web logo ux app colors png