Criado em 03/22/2023 14:50
  86

Loan calculator light mode ui ux

  • Blue (RYB)
    #0857f9
  • Little Boy Blue
    #6f9ce0
  • Catalina Blue
    #032c81
  • Glaucous
    #667bb1
  • Light Steel Blue
    #a9bdd8
  • Dark Gunmetal
    #24242c
Loading...
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Blue (RYB) #0857f9 e Catalina Blue #032c81. A paleta tem Legal temperatura de cores.

Em luminosidade, a paleta vai de #24242C (mais escuro) a #A9BDD8 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #032C81, #0857F9, #24242C, #667BB1, #6F9CE0, #A9BDD8

A paleta Loan calculator light mode ui ux tem uma combinação de cores de códigos de 6:
HEX: #0857f9, RGB: (8, 87, 249); HEX: #6f9ce0, RGB: (111, 156, 224); HEX: #032c81, RGB: (3, 44, 129)
HEX: #667bb1, RGB: (102, 123, 177); HEX: #a9bdd8, RGB: (169, 189, 216); HEX: #24242c, RGB: (36, 36, 44)
Versão simplificada das cores da paleta
Matiz de royalblue, Sombra de cornflowerblue, Sombra de midnightblue, Sombra de steelblue, Matiz de lightsteelblue, Sombra de Preto
O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

Loan calculator light mode ui ux códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#0857f9 #0857f9 RGB(8, 87, 249)Blue (RYB)
#6f9ce0 #6f9ce0 RGB(111, 156, 224)Little Boy Blue
#032c81 #032c81 RGB(3, 44, 129)Catalina Blue
#667bb1 #667bb1 RGB(102, 123, 177)Glaucous
#a9bdd8 #a9bdd8 RGB(169, 189, 216)Light Steel Blue
#24242c #24242c RGB(36, 36, 44)Dark Gunmetal

Contraste da Paleta de Cores

4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Taxa de contraste
#0857f9
#667bb1
1.34
#6f9ce0
#667bb1
1.49
#6f9ce0
#a9bdd8
1.45
#032c81
#24242c
1.23

Paleta de imagens Loan calculator light mode ui ux png

Loading...
Loading...