Criar conta Criar conta
Sneaky 12

Sneaky 12

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

Voltar à biblioteca

Sneaky 12

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

Editar
Sóbria 12 cores Fria Mista Complementar limited rhythmheaven
Curtidas 15
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #160D1C;
  --c-muted-2: #312649;
  --c-muted-3: #504F74;
  --c-muted-4: #78859A;
  --c-muted-5: #B3D1D4;
  --c-muted-6: #CBD9D9;
  --c-muted-7: #F9F9E3;
  --c-muted-8: #F7E49B;
  --c-muted-9: #C79F72;
  --c-muted-10: #8E5E5E;
  --c-muted-11: #584545;
  --c-muted-12: #382B2B;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Coconut Pulp (#F9F9E3), o tom mais claro, até Shot in the Dark (#160D1C), o mais escuro. Ela reúne Shot in the Dark, Blackberry Black, Skipper Blue, Tempest, Hatchling Blue, Raffia Light Grey, Coconut Pulp, Storm Lightning, Gingersnap, Antique Garnet, Mahogany Spice e Ganache em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 25 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #160D1C sobre #F9F9E3, com 17,76: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

Shot in the Dark #160D1C
RGB
rgb(22, 13, 28)
HSL
hsl(276, 37%, 8%)
Luminância
0,005
Blackberry Black #312649
RGB
rgb(49, 38, 73)
HSL
hsl(259, 32%, 22%)
Luminância
0,025
Skipper Blue #504F74
RGB
rgb(80, 79, 116)
HSL
hsl(242, 19%, 38%)
Luminância
0,086
Tempest #78859A
RGB
rgb(120, 133, 154)
HSL
hsl(217, 14%, 54%)
Luminância
0,231
Hatchling Blue #B3D1D4
RGB
rgb(179, 209, 212)
HSL
hsl(185, 28%, 77%)
Luminância
0,599
Raffia Light Grey #CBD9D9
RGB
rgb(203, 217, 217)
HSL
hsl(180, 16%, 82%)
Luminância
0,673
Coconut Pulp #F9F9E3
RGB
rgb(249, 249, 227)
HSL
hsl(60, 65%, 93%)
Luminância
0,934
Storm Lightning #F7E49B
RGB
rgb(247, 228, 155)
HSL
hsl(48, 85%, 79%)
Luminância
0,776
Gingersnap #C79F72
RGB
rgb(199, 159, 114)
HSL
hsl(32, 43%, 61%)
Luminância
0,382
Antique Garnet #8E5E5E
RGB
rgb(142, 94, 94)
HSL
hsl(0, 20%, 46%)
Luminância
0,146
Mahogany Spice #584545
RGB
rgb(88, 69, 69)
HSL
hsl(0, 12%, 31%)
Luminância
0,068
Ganache #382B2B
RGB
rgb(56, 43, 43)
HSL
hsl(0, 13%, 19%)
Luminância
0,027

Contraste e acessibilidade

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

Aa #160D1C sobre #F9F9E3 17,76:1 AAA
Aa #160D1C sobre #F7E49B 14,91:1 AAA
Aa #312649 sobre #F9F9E3 13,09:1 AAA
Aa #160D1C sobre #CBD9D9 13,05:1 AAA
Aa #F9F9E3 sobre #382B2B 12,71:1 AAA
Aa #160D1C sobre #B3D1D4 11,72:1 AAA
Aa #312649 sobre #F7E49B 10,99:1 AAA
Aa #F7E49B sobre #382B2B 10,67:1 AAA
Aa #312649 sobre #CBD9D9 9,62:1 AAA
Aa #CBD9D9 sobre #382B2B 9,34:1 AAA
Aa #312649 sobre #B3D1D4 8,64:1 AAA
Aa #B3D1D4 sobre #382B2B 8,39:1 AAA
Aa #F9F9E3 sobre #584545 8,37:1 AAA
Aa #160D1C sobre #C79F72 7,79:1 AAA
Aa #504F74 sobre #F9F9E3 7,26:1 AAA
Aa #F7E49B sobre #584545 7,03:1 AAA
Aa #CBD9D9 sobre #584545 6,15:1 AA
Aa #504F74 sobre #F7E49B 6,09:1 AA
Aa #312649 sobre #C79F72 5,74:1 AA
Aa #C79F72 sobre #382B2B 5,57:1 AA
Aa #B3D1D4 sobre #584545 5,52:1 AA
Aa #504F74 sobre #CBD9D9 5,33:1 AA
Aa #160D1C sobre #78859A 5,07:1 AA
Aa #F9F9E3 sobre #8E5E5E 5,03:1 AA
Aa #504F74 sobre #B3D1D4 4,79:1 AA
Aa #F7E49B sobre #8E5E5E 4,22:1 AA, texto grande
Aa #312649 sobre #78859A 3,74:1 AA, texto grande
Aa #CBD9D9 sobre #8E5E5E 3,70:1 AA, texto grande
Aa #C79F72 sobre #584545 3,67:1 AA, texto grande
Aa #78859A sobre #382B2B 3,63:1 AA, texto grande
Aa #160D1C sobre #8E5E5E 3,53:1 AA, texto grande
Aa #78859A sobre #F9F9E3 3,50:1 AA, texto grande
Aa #B3D1D4 sobre #8E5E5E 3,32:1 AA, texto grande
Aa #504F74 sobre #C79F72 3,18:1 AA, texto grande
Aa #78859A sobre #F7E49B 2,94:1 Reprovado
Aa #312649 sobre #8E5E5E 2,60:1 Reprovado
Aa #78859A sobre #CBD9D9 2,57:1 Reprovado
Aa #8E5E5E sobre #382B2B 2,53:1 Reprovado
Aa #160D1C sobre #504F74 2,45:1 Reprovado
Aa #78859A sobre #584545 2,39:1 Reprovado
Aa #78859A sobre #B3D1D4 2,31:1 Reprovado
Aa #F9F9E3 sobre #C79F72 2,28:1 Reprovado
Aa #C79F72 sobre #8E5E5E 2,21:1 Reprovado
Aa #160D1C sobre #584545 2,12:1 Reprovado
Aa #504F74 sobre #78859A 2,07:1 Reprovado
Aa #F7E49B sobre #C79F72 1,91:1 Reprovado
Aa #312649 sobre #504F74 1,80:1 Reprovado
Aa #504F74 sobre #382B2B 1,75:1 Reprovado
Aa #CBD9D9 sobre #C79F72 1,68:1 Reprovado
Aa #8E5E5E sobre #584545 1,66:1 Reprovado
Aa #312649 sobre #584545 1,56:1 Reprovado
Aa #78859A sobre #C79F72 1,54:1 Reprovado
Aa #B3D1D4 sobre #F9F9E3 1,52:1 Reprovado
Aa #584545 sobre #382B2B 1,52:1 Reprovado
Aa #B3D1D4 sobre #C79F72 1,50:1 Reprovado
Aa #504F74 sobre #8E5E5E 1,44:1 Reprovado
Aa #78859A sobre #8E5E5E 1,44:1 Reprovado
Aa #160D1C sobre #382B2B 1,40:1 Reprovado
Aa #160D1C sobre #312649 1,36:1 Reprovado
Aa #CBD9D9 sobre #F9F9E3 1,36:1 Reprovado
Aa #B3D1D4 sobre #F7E49B 1,27:1 Reprovado
Aa #F9F9E3 sobre #F7E49B 1,19:1 Reprovado
Aa #504F74 sobre #584545 1,15:1 Reprovado
Aa #CBD9D9 sobre #F7E49B 1,14:1 Reprovado
Aa #B3D1D4 sobre #CBD9D9 1,11:1 Reprovado
Aa #312649 sobre #382B2B 1,03:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores