Criar conta Criar conta
Retro 8

Retro 8

Paleta de 8 cores · Fria · Escura · Harmonia: Triádica

Voltar à biblioteca

Retro 8

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Triádica

Editar
Vibrante 8 cores Fria Escura Triádica colors space retro shading
Curtidas 107
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #041026;
  --c-vibrant-2: #051A44;
  --c-vibrant-3: #1F0398;
  --c-vibrant-4: #5000C3;
  --c-vibrant-5: #7521EE;
  --c-vibrant-6: #0099C3;
  --c-vibrant-7: #00C38F;
  --c-vibrant-8: #3EE3B7;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Aphrodite Aqua (#3EE3B7), o tom mais claro, até Void (#041026), o mais escuro. Ela reúne Void, Maastricht Blue, Blue Beetle, Elegant Midnight, Purple Blue, Atomic Blue, Blarney e Aphrodite Aqua em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #041026 sobre #3EE3B7, com 11,63: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

Void #041026
RGB
rgb(4, 16, 38)
HSL
hsl(219, 81%, 8%)
Luminância
0,005
Maastricht Blue #051A44
RGB
rgb(5, 26, 68)
HSL
hsl(220, 86%, 14%)
Luminância
0,012
Blue Beetle #1F0398
RGB
rgb(31, 3, 152)
HSL
hsl(251, 96%, 30%)
Luminância
0,026
Elegant Midnight #5000C3
RGB
rgb(80, 0, 195)
HSL
hsl(265, 100%, 38%)
Luminância
0,057
Purple Blue #7521EE
RGB
rgb(117, 33, 238)
HSL
hsl(265, 86%, 53%)
Luminância
0,110
Atomic Blue #0099C3
RGB
rgb(0, 153, 195)
HSL
hsl(193, 100%, 38%)
Luminância
0,267
Blarney #00C38F
RGB
rgb(0, 195, 143)
HSL
hsl(164, 100%, 38%)
Luminância
0,410
Aphrodite Aqua #3EE3B7
RGB
rgb(62, 227, 183)
HSL
hsl(164, 75%, 57%)
Luminância
0,594

Contraste e acessibilidade

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

Aa #041026 sobre #3EE3B7 11,63:1 AAA
Aa #051A44 sobre #3EE3B7 10,40:1 AAA
Aa #1F0398 sobre #3EE3B7 8,45:1 AAA
Aa #041026 sobre #00C38F 8,31:1 AAA
Aa #051A44 sobre #00C38F 7,44:1 AAA
Aa #5000C3 sobre #3EE3B7 6,05:1 AA
Aa #1F0398 sobre #00C38F 6,04:1 AA
Aa #041026 sobre #0099C3 5,73:1 AA
Aa #051A44 sobre #0099C3 5,13:1 AA
Aa #5000C3 sobre #00C38F 4,32:1 AA, texto grande
Aa #1F0398 sobre #0099C3 4,16:1 AA, texto grande
Aa #7521EE sobre #3EE3B7 4,01:1 AA, texto grande
Aa #5000C3 sobre #0099C3 2,98:1 Reprovado
Aa #041026 sobre #7521EE 2,90:1 Reprovado
Aa #7521EE sobre #00C38F 2,87:1 Reprovado
Aa #051A44 sobre #7521EE 2,59:1 Reprovado
Aa #1F0398 sobre #7521EE 2,10:1 Reprovado
Aa #0099C3 sobre #3EE3B7 2,03:1 Reprovado
Aa #7521EE sobre #0099C3 1,98:1 Reprovado
Aa #041026 sobre #5000C3 1,92:1 Reprovado
Aa #051A44 sobre #5000C3 1,72:1 Reprovado
Aa #5000C3 sobre #7521EE 1,51:1 Reprovado
Aa #0099C3 sobre #00C38F 1,45:1 Reprovado
Aa #1F0398 sobre #5000C3 1,40:1 Reprovado
Aa #00C38F sobre #3EE3B7 1,40:1 Reprovado
Aa #041026 sobre #1F0398 1,38:1 Reprovado
Aa #051A44 sobre #1F0398 1,23:1 Reprovado
Aa #041026 sobre #051A44 1,12:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores