Gerar paleta
  1. Paletas de cores
  2. Vector web logo ux hex colors

Vector web logo ux hex colors

  • #5dcdaa
  • #99e2b3
  • #84563e
  • #8db2ba
  • #d19aa7
  • #684330
  0.21k

Vector web logo ux hex colors tem 6 cores de muitas tonalidades diferentes. A cor mais clara é Água-marinha-média (#99E2B3) e a mais escura, Marrom-sela (#684330). O par com maior contraste é #684330 sobre #99E2B3 (5.7:1, WCAG AA).

Criado em 10/31/2020 19:51
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #99e2b3 e #d19aa7. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #684330 (mais escuro) a #99E2B3 (mais claro). A faixa de luminosidade é moderada.

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.

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

Códigos HEX (ordenados): #5DCDAA, #684330, #84563E, #8DB2BA, #99E2B3, #D19AA7

A paleta Vector web logo ux hex colors combina 6 códigos de cor:
HEX: #5dcdaa, RGB: (93, 205, 170); HEX: #99e2b3, RGB: (153, 226, 179); HEX: #84563e, RGB: (132, 86, 62)
HEX: #8db2ba, RGB: (141, 178, 186); HEX: #d19aa7, RGB: (209, 154, 167); HEX: #684330, RGB: (104, 67, 48)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom claro de Água-marinha-média, Tom escuro de Siena, 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

Vector web logo ux hex colors códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#5dcdaa#5dcdaaRGB(93, 205, 170)——
#99e2b3#99e2b3RGB(153, 226, 179)——
#84563e#84563eRGB(132, 86, 62)——
#8db2ba#8db2baRGB(141, 178, 186)——
#d19aa7#d19aa7RGB(209, 154, 167)——
#684330#684330RGB(104, 67, 48)——

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
#5dcdaa
#99e2b3
1.28
#5dcdaa
#8db2ba
1.17
#5dcdaa
#d19aa7
1.21
#99e2b3
#8db2ba
1.5
#99e2b3
#d19aa7
1.56
#84563e
#684330
1.38

Paleta de imagens Vector web logo ux hex colors png

Vector web logo ux hex colors: #5dcdaa, #99e2b3, #84563e, #8db2ba, #d19aa7, #684330
 Baixar imagem