Gerar paleta
  1. Paletas de cores
  2. Design profile ux mobile app colors palette

Design profile ux mobile app colors palette

  • #a3c314
  • #d4dc84
  • #839e0c
  • #948577
  • #b2b9d1
  • #35381b
  0.24k

Design profile ux mobile app colors palette tem 6 cores, com predomínio de tons verde-amarelados. A cor mais clara é Cáqui (#D4DC84) e a mais escura, Verde-oliva-escuro (#35381B). O par com maior contraste é #35381B sobre #D4DC84 (8.2:1, WCAG AAA).

Criado em 02/04/2020 09:33
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #839e0c e #b2b9d1. A paleta tem Quente, Neutro, Frio temperatura de cores.

Em luminosidade, a paleta vai de #35381B (mais escuro) a #D4DC84 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 2 suaves e 3 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): #35381B, #839E0C, #948577, #A3C314, #B2B9D1, #D4DC84

A paleta Design profile ux mobile app colors palette combina 6 códigos de cor:
HEX: #a3c314, RGB: (163, 195, 20); HEX: #d4dc84, RGB: (212, 220, 132); HEX: #839e0c, RGB: (131, 158, 12)
HEX: #948577, RGB: (148, 133, 119); HEX: #b2b9d1, RGB: (178, 185, 209); HEX: #35381b, RGB: (53, 56, 27)
Versão simplificada das cores da paleta
Tom escuro de Verde-amarelado, Tom escuro de Cáqui, Tom claro de Verde-oliva-pardo, Tom claro de Cinza, Tom escuro de Azul-aço-claro, Tom escuro de Verde-oliva-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Design profile ux mobile app colors palette códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#a3c314#a3c314RGB(163, 195, 20)——
#d4dc84#d4dc84RGB(212, 220, 132)——
#839e0c#839e0cRGB(131, 158, 12)——
#948577#948577RGB(148, 133, 119)——
#b2b9d1#b2b9d1RGB(178, 185, 209)——
#35381b#35381bRGB(53, 56, 27)——

Contraste da paleta de cores

8 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
#a3c314
#d4dc84
1.38
#a3c314
#839e0c
1.51
#a3c314
#948577
1.76
#a3c314
#b2b9d1
1.03
#d4dc84
#b2b9d1
1.33
#839e0c
#948577
1.16

Paleta de imagens Design profile ux mobile app colors palette png

Design profile ux mobile app colors palette: #a3c314, #d4dc84, #839e0c, #948577, #b2b9d1, #35381b
 Baixar imagem