Criar conta Criar conta
Simple64

Simple64

Paleta de 7 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

Simple64

Paleta de 7 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 7 cores Neutra Mista Complementar simple
Curtidas 11
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #16044C;
  --c-vibrant-2: #3FFC4A;
  --c-vibrant-3: #1D7CF9;
  --c-vibrant-4: #F9355A;
  --c-vibrant-5: #FEF15E;
  --c-vibrant-6: #808080;
  --c-vibrant-7: #FEFEFE;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de White as Heaven (#FEFEFE), o tom mais claro, até Magic Whale (#16044C), o mais escuro. Ela reúne Magic Whale, Goblin Warboss, Clear Blue, Radical Red, Kihada Yellow, Grey e White as Heaven em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #16044C sobre #FEFEFE, com 18,01:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Magic Whale #16044C
RGB
rgb(22, 4, 76)
HSL
hsl(255, 90%, 16%)
Luminância
0,008
Goblin Warboss #3FFC4A
RGB
rgb(63, 252, 74)
HSL
hsl(123, 97%, 62%)
Luminância
0,712
Clear Blue #1D7CF9
RGB
rgb(29, 124, 249)
HSL
hsl(214, 95%, 55%)
Luminância
0,215
Radical Red #F9355A
RGB
rgb(249, 53, 90)
HSL
hsl(349, 94%, 59%)
Luminância
0,234
Kihada Yellow #FEF15E
RGB
rgb(254, 241, 94)
HSL
hsl(55, 99%, 68%)
Luminância
0,848
Grey #808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
Luminância
0,216
White as Heaven #FEFEFE
RGB
rgb(254, 254, 254)
HSL
hsl(0, 0%, 100%)
Luminância
0,991

Contraste e acessibilidade

6 de 21 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #16044C sobre #FEFEFE 18,01:1 AAA
Aa #16044C sobre #FEF15E 15,54:1 AAA
Aa #16044C sobre #3FFC4A 13,18:1 AAA
Aa #16044C sobre #F9355A 4,92:1 AA
Aa #16044C sobre #808080 4,60:1 AA
Aa #16044C sobre #1D7CF9 4,59:1 AA
Aa #1D7CF9 sobre #FEFEFE 3,93:1 AA, texto grande
Aa #808080 sobre #FEFEFE 3,92:1 AA, texto grande
Aa #F9355A sobre #FEFEFE 3,66:1 AA, texto grande
Aa #1D7CF9 sobre #FEF15E 3,39:1 AA, texto grande
Aa #FEF15E sobre #808080 3,38:1 AA, texto grande
Aa #F9355A sobre #FEF15E 3,16:1 AA, texto grande
Aa #3FFC4A sobre #1D7CF9 2,87:1 Reprovado
Aa #3FFC4A sobre #808080 2,87:1 Reprovado
Aa #3FFC4A sobre #F9355A 2,68:1 Reprovado
Aa #3FFC4A sobre #FEFEFE 1,37:1 Reprovado
Aa #3FFC4A sobre #FEF15E 1,18:1 Reprovado
Aa #FEF15E sobre #FEFEFE 1,16:1 Reprovado
Aa #1D7CF9 sobre #F9355A 1,07:1 Reprovado
Aa #F9355A sobre #808080 1,07:1 Reprovado
Aa #1D7CF9 sobre #808080 1,00:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores