Gerar paleta
  1. Paletas de cores
  2. Design identity saas ux hex colors

Design identity saas ux hex colors

  • Palatinate Blue
    #344cdb
  • Flavescent
    #fce48c
  • Indigo (Rainbow)
    #232c6b
  • Copper Rose
    #946464
  • Dark Vanilla
    #d5b8a7
  • Soldier Green
    #534b2c
  0.12k
Criado em 02/06/2023 20:43
porcolorswall
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Palatinate Blue #344cdb e Flavescent #fce48c. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #232C6B (mais escuro) a #FCE48C (mais claro). A faixa de luminosidade é ampla.

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 quente (4 de 6).

Códigos HEX (ordenados): #232C6B, #344CDB, #534B2C, #946464, #D5B8A7, #FCE48C

A paleta Design identity saas ux hex colors combina 6 códigos de cor:
HEX: #344cdb, RGB: (52, 76, 219); HEX: #fce48c, RGB: (252, 228, 140); HEX: #232c6b, RGB: (35, 44, 107)
HEX: #946464, RGB: (148, 100, 100); HEX: #d5b8a7, RGB: (213, 184, 167); HEX: #534b2c, RGB: (83, 75, 44)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom claro de Cáqui, Tom claro de Azul-meia-noite, Tom escuro de Vermelho-indiano, Tom claro de Castanho-claro, Tom escuro de Verde-oliva-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Design identity saas ux hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#344cdb #344cdb RGB(52, 76, 219)Palatinate Blue—
#fce48c #fce48c RGB(252, 228, 140)Flavescent—
#232c6b #232c6b RGB(35, 44, 107)Indigo (Rainbow)—
#946464 #946464 RGB(148, 100, 100)Copper Rose—
#d5b8a7 #d5b8a7 RGB(213, 184, 167)Dark Vanilla—
#534b2c #534b2c RGB(83, 75, 44)Soldier Green—

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 texto Cor de fundo Razão de contraste
#344cdb
#232c6b
1.94
#344cdb
#946464
1.33
#344cdb
#534b2c
1.32
#fce48c
#d5b8a7
1.47
#232c6b
#534b2c
1.46
#946464
#534b2c
1.76

Paleta de imagens Design identity saas ux hex colors png

Design identity saas ux hex colors - #234979
 Baixar imagem