Loading...
Criado em 06/30/2022 08:49
  0.19k

Creative ui following design hex colors

  • Old Gold
    #bfc145
  • Crystal
    #a2cedb
  • Cetacean Blue
    #061444
  • Bazaar
    #9d757a
  • Khaki (HTML/CSS)
    #c9bb92
  • Old Burgundy
    #44342c
Loading...
A paleta consiste em cores Luz, Escuro. Cores de destaque Old Gold #bfc145 e Cetacean Blue #061444. A paleta tem Esquentar, Legal temperatura de cores.

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

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

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #061444, #44342C, #9D757A, #A2CEDB, #BFC145, #C9BB92

A paleta Creative ui following design hex colors tem uma combinação de cores de códigos de 6:
HEX: #bfc145, RGB: (191, 193, 69); HEX: #a2cedb, RGB: (162, 206, 219); HEX: #061444, RGB: (6, 20, 68)
HEX: #9d757a, RGB: (157, 117, 122); HEX: #c9bb92, RGB: (201, 187, 146); HEX: #44342c, RGB: (68, 52, 44)
Versão simplificada das cores da paleta
Sombra de darkkhaki, Matiz de lightblue, Matiz de midnightblue, Matiz de rosybrown, Sombra de tan, Sombra de Preto
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Creative ui following design hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#bfc145 #bfc145 RGB(191, 193, 69)Old Gold
#a2cedb #a2cedb RGB(162, 206, 219)Crystal
#061444 #061444 RGB(6, 20, 68)Cetacean Blue
#9d757a #9d757a RGB(157, 117, 122)Bazaar
#c9bb92 #c9bb92 RGB(201, 187, 146)Khaki (HTML/CSS)
#44342c #44342c RGB(68, 52, 44)Old Burgundy

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
#bfc145
#a2cedb
1.13
#bfc145
#c9bb92
1
#a2cedb
#c9bb92
1.12
#061444
#44342c
1.48

Paleta de imagens Creative ui following design hex colors png

Loading...
Loading...
Loading...