Interaction orange ux login colours

  • Pumpkin
    #fc7c1c
  • Macaroni And Cheese
    #fcbc84
  • Indigo (Rainbow)
    #243c6c
  • UCLA Blue
    #5b6c98
  • Lavender Gray
    #c1c7d8
  • Purple Navy
    #445484
  0.14k
Criado em 10/19/2022 15:56
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Pumpkin #fc7c1c e Indigo (Rainbow) #243c6c. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #243C6C (mais escuro) a #FCBC84 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 2 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): #243C6C, #445484, #5B6C98, #C1C7D8, #FC7C1C, #FCBC84

A paleta Interaction orange ux login colours combina 6 códigos de cor:
HEX: #fc7c1c, RGB: (252, 124, 28); HEX: #fcbc84, RGB: (252, 188, 132); HEX: #243c6c, RGB: (36, 60, 108)
HEX: #5b6c98, RGB: (91, 108, 152); HEX: #c1c7d8, RGB: (193, 199, 216); HEX: #445484, RGB: (68, 84, 132)
Versão simplificada das cores da paleta
Tom escuro de Laranja-escuro, Tom claro de Marrom-areia, Tom escuro de Azul-ardósia-escuro, Tom claro de Azul-royal, Tom claro de Azul-aço-claro, Tom claro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Interaction orange ux login colours códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#fc7c1c#fc7c1cRGB(252, 124, 28)Pumpkin—
#fcbc84#fcbc84RGB(252, 188, 132)Macaroni And Cheese—
#243c6c#243c6cRGB(36, 60, 108)Indigo (Rainbow)—
#5b6c98#5b6c98RGB(91, 108, 152)UCLA Blue—
#c1c7d8#c1c7d8RGB(193, 199, 216)Lavender Gray—
#445484#445484RGB(68, 84, 132)Purple Navy—

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
#fc7c1c
#fcbc84
1.57
#fc7c1c
#5b6c98
1.98
#fc7c1c
#c1c7d8
1.54
#fcbc84
#c1c7d8
1.01
#243c6c
#445484
1.46
#5b6c98
#445484
1.42

Paleta de imagens Interaction orange ux login colours png