Criar conta Criar conta
POISON CLOUD

POISON CLOUD

Paleta de 12 cores · Fria · Escura · Harmonia: Complementar

Voltar à biblioteca

POISON CLOUD

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Complementar

Editar
Sóbria 12 cores Fria Escura Complementar green blue purple limited
Curtidas 69
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #060628;
  --c-muted-2: #0B1B41;
  --c-muted-3: #143F64;
  --c-muted-4: #18676E;
  --c-muted-5: #27886A;
  --c-muted-6: #3E9E58;
  --c-muted-7: #230628;
  --c-muted-8: #34093B;
  --c-muted-9: #3A1358;
  --c-muted-10: #412374;
  --c-muted-11: #473382;
  --c-muted-12: #4D4697;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Chateau Green (#3E9E58), o tom mais claro, até Mysterious Depths (#060628), o mais escuro. Ela reúne Mysterious Depths, Dark Eclipse, Blue Opal, Seamount, Accent Green Blue, Chateau Green, Black Sabbath, Dark Purple, Wicked Purple, Explorer of the Galaxies, Majestic Eggplant e Liberty em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #060628 sobre #3E9E58, com 5,86: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

Mysterious Depths #060628
RGB
rgb(6, 6, 40)
HSL
hsl(240, 74%, 9%)
Luminância
0,003
Dark Eclipse #0B1B41
RGB
rgb(11, 27, 65)
HSL
hsl(222, 71%, 15%)
Luminância
0,012
Blue Opal #143F64
RGB
rgb(20, 63, 100)
HSL
hsl(208, 67%, 24%)
Luminância
0,046
Seamount #18676E
RGB
rgb(24, 103, 110)
HSL
hsl(185, 64%, 26%)
Luminância
0,110
Accent Green Blue #27886A
RGB
rgb(39, 136, 106)
HSL
hsl(161, 55%, 34%)
Luminância
0,191
Chateau Green #3E9E58
RGB
rgb(62, 158, 88)
HSL
hsl(136, 44%, 43%)
Luminância
0,262
Black Sabbath #230628
RGB
rgb(35, 6, 40)
HSL
hsl(291, 74%, 9%)
Luminância
0,006
Dark Purple #34093B
RGB
rgb(52, 9, 59)
HSL
hsl(292, 74%, 13%)
Luminância
0,012
Wicked Purple #3A1358
RGB
rgb(58, 19, 88)
HSL
hsl(274, 64%, 21%)
Luminância
0,021
Explorer of the Galaxies #412374
RGB
rgb(65, 35, 116)
HSL
hsl(262, 54%, 30%)
Luminância
0,036
Majestic Eggplant #473382
RGB
rgb(71, 51, 130)
HSL
hsl(255, 44%, 35%)
Luminância
0,053
Liberty #4D4697
RGB
rgb(77, 70, 151)
HSL
hsl(245, 37%, 43%)
Luminância
0,082

Contraste e acessibilidade

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

Aa #060628 sobre #3E9E58 5,86:1 AA
Aa #3E9E58 sobre #230628 5,53:1 AA
Aa #0B1B41 sobre #3E9E58 5,00:1 AA
Aa #3E9E58 sobre #34093B 5,00:1 AA
Aa #060628 sobre #27886A 4,52:1 AA
Aa #3E9E58 sobre #3A1358 4,41:1 AA, texto grande
Aa #27886A sobre #230628 4,27:1 AA, texto grande
Aa #0B1B41 sobre #27886A 3,86:1 AA, texto grande
Aa #27886A sobre #34093B 3,86:1 AA, texto grande
Aa #3E9E58 sobre #412374 3,63:1 AA, texto grande
Aa #27886A sobre #3A1358 3,41:1 AA, texto grande
Aa #143F64 sobre #3E9E58 3,24:1 AA, texto grande
Aa #3E9E58 sobre #473382 3,02:1 AA, texto grande
Aa #060628 sobre #18676E 3,01:1 AA, texto grande
Aa #18676E sobre #230628 2,84:1 Reprovado
Aa #27886A sobre #412374 2,80:1 Reprovado
Aa #0B1B41 sobre #18676E 2,57:1 Reprovado
Aa #18676E sobre #34093B 2,57:1 Reprovado
Aa #143F64 sobre #27886A 2,50:1 Reprovado
Aa #060628 sobre #4D4697 2,48:1 Reprovado
Aa #3E9E58 sobre #4D4697 2,36:1 Reprovado
Aa #230628 sobre #4D4697 2,34:1 Reprovado
Aa #27886A sobre #473382 2,33:1 Reprovado
Aa #18676E sobre #3A1358 2,27:1 Reprovado
Aa #0B1B41 sobre #4D4697 2,12:1 Reprovado
Aa #34093B sobre #4D4697 2,11:1 Reprovado
Aa #18676E sobre #3E9E58 1,95:1 Reprovado
Aa #060628 sobre #473382 1,94:1 Reprovado
Aa #18676E sobre #412374 1,87:1 Reprovado
Aa #3A1358 sobre #4D4697 1,87:1 Reprovado
Aa #27886A sobre #4D4697 1,83:1 Reprovado
Aa #230628 sobre #473382 1,83:1 Reprovado
Aa #060628 sobre #143F64 1,81:1 Reprovado
Aa #143F64 sobre #230628 1,71:1 Reprovado
Aa #143F64 sobre #18676E 1,66:1 Reprovado
Aa #0B1B41 sobre #473382 1,65:1 Reprovado
Aa #34093B sobre #473382 1,65:1 Reprovado
Aa #060628 sobre #412374 1,61:1 Reprovado
Aa #18676E sobre #473382 1,55:1 Reprovado
Aa #0B1B41 sobre #143F64 1,54:1 Reprovado
Aa #143F64 sobre #34093B 1,54:1 Reprovado
Aa #412374 sobre #4D4697 1,54:1 Reprovado
Aa #230628 sobre #412374 1,52:1 Reprovado
Aa #18676E sobre #27886A 1,50:1 Reprovado
Aa #3A1358 sobre #473382 1,46:1 Reprovado
Aa #0B1B41 sobre #412374 1,38:1 Reprovado
Aa #34093B sobre #412374 1,38:1 Reprovado
Aa #143F64 sobre #4D4697 1,37:1 Reprovado
Aa #143F64 sobre #3A1358 1,36:1 Reprovado
Aa #060628 sobre #3A1358 1,33:1 Reprovado
Aa #27886A sobre #3E9E58 1,29:1 Reprovado
Aa #473382 sobre #4D4697 1,28:1 Reprovado
Aa #230628 sobre #3A1358 1,25:1 Reprovado
Aa #18676E sobre #4D4697 1,21:1 Reprovado
Aa #3A1358 sobre #412374 1,21:1 Reprovado
Aa #412374 sobre #473382 1,20:1 Reprovado
Aa #060628 sobre #0B1B41 1,17:1 Reprovado
Aa #060628 sobre #34093B 1,17:1 Reprovado
Aa #0B1B41 sobre #3A1358 1,13:1 Reprovado
Aa #34093B sobre #3A1358 1,13:1 Reprovado
Aa #143F64 sobre #412374 1,12:1 Reprovado
Aa #0B1B41 sobre #230628 1,11:1 Reprovado
Aa #230628 sobre #34093B 1,11:1 Reprovado
Aa #143F64 sobre #473382 1,07:1 Reprovado
Aa #060628 sobre #230628 1,06:1 Reprovado
Aa #0B1B41 sobre #34093B 1,00: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