Figma landing ux ui hex colors

  • #c8ac3c
  • #84ecfa
  • #5c4c14
  • #508e9e
  • #cdb49d
  • #2e515a
  0.17k
Criado em 01/12/2021 14:19
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #84ecfa e #5c4c14. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #2E515A (mais escuro) a #84ECFA (mais claro). A faixa de luminosidade é moderada.

A saturação está num intervalo médio, com uma média de 52% na paleta.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).

Códigos HEX (ordenados): #2E515A, #508E9E, #5C4C14, #84ECFA, #C8AC3C, #CDB49D

A paleta Figma landing ux ui hex colors combina 6 códigos de cor:
HEX: #c8ac3c, RGB: (200, 172, 60); HEX: #84ecfa, RGB: (132, 236, 250); HEX: #5c4c14, RGB: (92, 76, 20)
HEX: #508e9e, RGB: (80, 142, 158); HEX: #cdb49d, RGB: (205, 180, 157); HEX: #2e515a, RGB: (46, 81, 90)
Versão simplificada das cores da paleta
Tom claro de Vara-dourada, Tom escuro de Turquesa-pálido, Tom escuro de Verde-oliva-escuro, Tom escuro de Azul-cadete, Tom claro de Castanho-claro, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Figma landing ux ui hex colors códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#c8ac3c#c8ac3cRGB(200, 172, 60)——
#84ecfa#84ecfaRGB(132, 236, 250)——
#5c4c14#5c4c14RGB(92, 76, 20)——
#508e9e#508e9eRGB(80, 142, 158)——
#cdb49d#cdb49dRGB(205, 180, 157)——
#2e515a#2e515aRGB(46, 81, 90)——

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
#c8ac3c
#84ecfa
1.63
#c8ac3c
#508e9e
1.65
#c8ac3c
#cdb49d
1.12
#84ecfa
#cdb49d
1.44
#5c4c14
#2e515a
1.02
#508e9e
#cdb49d
1.86

Paleta de imagens Figma landing ux ui hex colors png