Criar conta Criar conta
Tetsuo

Tetsuo

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

Voltar à biblioteca

Tetsuo

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

Editar
Sóbria 12 cores Quente Escura Complementar manga anime mierdinsky comic
Curtidas 19
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #330033;
  --c-muted-2: #303030;
  --c-muted-3: #754402;
  --c-muted-4: #2A5B5B;
  --c-muted-5: #009999;
  --c-muted-6: #AA0000;
  --c-muted-7: #8F5F30;
  --c-muted-8: #696969;
  --c-muted-9: #BA5D2F;
  --c-muted-10: #996666;
  --c-muted-11: #CC9966;
  --c-muted-12: #FFCC66;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Qing Yellow (#FFCC66), o tom mais claro, até Exquisite Eggplant (#330033), o mais escuro. Ela reúne Exquisite Eggplant, Off Black, Dusky Brown, Bayberry, Regula Barbara Blue, Heartbeat, Rusty Coin, Dim Grey, Gold Varnish Brown, Copper Rose, Oak Buff e Qing Yellow em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #330033 sobre #FFCC66, com 11,85: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

Exquisite Eggplant #330033
RGB
rgb(51, 0, 51)
HSL
hsl(300, 100%, 10%)
Luminância
0,009
Off Black #303030
RGB
rgb(48, 48, 48)
HSL
hsl(0, 0%, 19%)
Luminância
0,030
Dusky Brown #754402
RGB
rgb(117, 68, 2)
HSL
hsl(34, 97%, 23%)
Luminância
0,079
Bayberry #2A5B5B
RGB
rgb(42, 91, 91)
HSL
hsl(180, 37%, 26%)
Luminância
0,087
Regula Barbara Blue #009999
RGB
rgb(0, 153, 153)
HSL
hsl(180, 100%, 30%)
Luminância
0,251
Heartbeat #AA0000
RGB
rgb(170, 0, 0)
HSL
hsl(0, 100%, 33%)
Luminância
0,086
Rusty Coin #8F5F30
RGB
rgb(143, 95, 48)
HSL
hsl(30, 50%, 37%)
Luminância
0,142
Dim Grey #696969
RGB
rgb(105, 105, 105)
HSL
hsl(0, 0%, 41%)
Luminância
0,141
Gold Varnish Brown #BA5D2F
RGB
rgb(186, 93, 47)
HSL
hsl(20, 60%, 46%)
Luminância
0,185
Copper Rose #996666
RGB
rgb(153, 102, 102)
HSL
hsl(0, 20%, 50%)
Luminância
0,172
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Luminância
0,366
Qing Yellow #FFCC66
RGB
rgb(255, 204, 102)
HSL
hsl(40, 100%, 70%)
Luminância
0,654

Contraste e acessibilidade

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

Aa #330033 sobre #FFCC66 11,85:1 AAA
Aa #303030 sobre #FFCC66 8,85:1 AAA
Aa #330033 sobre #CC9966 7,00:1 AAA
Aa #754402 sobre #FFCC66 5,45:1 AA
Aa #303030 sobre #CC9966 5,23:1 AA
Aa #AA0000 sobre #FFCC66 5,20:1 AA
Aa #2A5B5B sobre #FFCC66 5,13:1 AA
Aa #330033 sobre #009999 5,06:1 AA
Aa #330033 sobre #BA5D2F 3,95:1 AA, texto grande
Aa #303030 sobre #009999 3,78:1 AA, texto grande
Aa #330033 sobre #996666 3,74:1 AA, texto grande
Aa #696969 sobre #FFCC66 3,68:1 AA, texto grande
Aa #8F5F30 sobre #FFCC66 3,66:1 AA, texto grande
Aa #330033 sobre #8F5F30 3,24:1 AA, texto grande
Aa #330033 sobre #696969 3,22:1 AA, texto grande
Aa #754402 sobre #CC9966 3,22:1 AA, texto grande
Aa #996666 sobre #FFCC66 3,17:1 AA, texto grande
Aa #AA0000 sobre #CC9966 3,07:1 AA, texto grande
Aa #2A5B5B sobre #CC9966 3,03:1 AA, texto grande
Aa #BA5D2F sobre #FFCC66 3,00:1 AA, texto grande
Aa #303030 sobre #BA5D2F 2,95:1 Reprovado
Aa #303030 sobre #996666 2,79:1 Reprovado
Aa #303030 sobre #8F5F30 2,42:1 Reprovado
Aa #303030 sobre #696969 2,40:1 Reprovado
Aa #009999 sobre #FFCC66 2,34:1 Reprovado
Aa #754402 sobre #009999 2,33:1 Reprovado
Aa #330033 sobre #2A5B5B 2,31:1 Reprovado
Aa #330033 sobre #AA0000 2,28:1 Reprovado
Aa #009999 sobre #AA0000 2,22:1 Reprovado
Aa #2A5B5B sobre #009999 2,19:1 Reprovado
Aa #330033 sobre #754402 2,17:1 Reprovado
Aa #696969 sobre #CC9966 2,17:1 Reprovado
Aa #8F5F30 sobre #CC9966 2,16:1 Reprovado
Aa #996666 sobre #CC9966 1,87:1 Reprovado
Aa #754402 sobre #BA5D2F 1,82:1 Reprovado
Aa #BA5D2F sobre #CC9966 1,77:1 Reprovado
Aa #303030 sobre #2A5B5B 1,73:1 Reprovado
Aa #AA0000 sobre #BA5D2F 1,73:1 Reprovado
Aa #754402 sobre #996666 1,72:1 Reprovado
Aa #2A5B5B sobre #BA5D2F 1,71:1 Reprovado
Aa #303030 sobre #AA0000 1,70:1 Reprovado
Aa #CC9966 sobre #FFCC66 1,69:1 Reprovado
Aa #AA0000 sobre #996666 1,64:1 Reprovado
Aa #303030 sobre #754402 1,62:1 Reprovado
Aa #2A5B5B sobre #996666 1,62:1 Reprovado
Aa #009999 sobre #696969 1,57:1 Reprovado
Aa #009999 sobre #8F5F30 1,56:1 Reprovado
Aa #754402 sobre #8F5F30 1,49:1 Reprovado
Aa #754402 sobre #696969 1,48:1 Reprovado
Aa #AA0000 sobre #8F5F30 1,42:1 Reprovado
Aa #AA0000 sobre #696969 1,41:1 Reprovado
Aa #2A5B5B sobre #8F5F30 1,40:1 Reprovado
Aa #2A5B5B sobre #696969 1,39:1 Reprovado
Aa #009999 sobre #CC9966 1,38:1 Reprovado
Aa #009999 sobre #996666 1,35:1 Reprovado
Aa #330033 sobre #303030 1,34:1 Reprovado
Aa #009999 sobre #BA5D2F 1,28:1 Reprovado
Aa #696969 sobre #BA5D2F 1,23:1 Reprovado
Aa #8F5F30 sobre #BA5D2F 1,22:1 Reprovado
Aa #8F5F30 sobre #996666 1,16:1 Reprovado
Aa #696969 sobre #996666 1,16:1 Reprovado
Aa #754402 sobre #2A5B5B 1,06:1 Reprovado
Aa #BA5D2F sobre #996666 1,06:1 Reprovado
Aa #754402 sobre #AA0000 1,05:1 Reprovado
Aa #2A5B5B sobre #AA0000 1,01:1 Reprovado
Aa #8F5F30 sobre #696969 1,01:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores