Ui landing page figma ux

  • #19d3cd
  • #81e5e4
  • #aa1130
  • #5ca4a4
  • #cfa79d
  • #6c4c34
  0.2k
Criado em 11/01/2021 09:46
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #19d3cd e #aa1130. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #6C4C34 (mais escuro) a #81E5E4 (mais claro). A faixa de luminosidade é moderada.

A saturação está num intervalo médio, com uma média de 54% 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): #19D3CD, #5CA4A4, #6C4C34, #81E5E4, #AA1130, #CFA79D

A paleta Ui landing page figma ux combina 6 códigos de cor:
HEX: #19d3cd, RGB: (25, 211, 205); HEX: #81e5e4, RGB: (129, 229, 228); HEX: #aa1130, RGB: (170, 17, 48)
HEX: #5ca4a4, RGB: (92, 164, 164); HEX: #cfa79d, RGB: (207, 167, 157); HEX: #6c4c34, RGB: (108, 76, 52)
Versão simplificada das cores da paleta
Tom escuro de Turquesa-médio, Tom escuro de Turquesa-pálido, Tom escuro de Marrom, Tom claro de Azul-cadete, Tom claro de Marrom-rosado, Tom escuro de Marrom-sela
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Ui landing page figma ux códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#19d3cd#19d3cdRGB(25, 211, 205)——
#81e5e4#81e5e4RGB(129, 229, 228)——
#aa1130#aa1130RGB(170, 17, 48)——
#5ca4a4#5ca4a4RGB(92, 164, 164)——
#cfa79d#cfa79dRGB(207, 167, 157)——
#6c4c34#6c4c34RGB(108, 76, 52)——

Contraste da paleta de cores

7 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
#19d3cd
#81e5e4
1.26
#19d3cd
#5ca4a4
1.53
#19d3cd
#cfa79d
1.16
#81e5e4
#5ca4a4
1.95
#81e5e4
#cfa79d
1.47
#aa1130
#6c4c34
1.04

Paleta de imagens Ui landing page figma ux png