Criar conta Criar conta
Mupix9

Mupix9

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

Voltar à biblioteca

Mupix9

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

Editar
Terrosa 9 cores Quente Escura Complementar orange purple brown gold
Curtidas 102
Cores 9

Variáveis CSS

:root {
  --c-earthy-1: #1D0D2B;
  --c-earthy-2: #391633;
  --c-earthy-3: #512531;
  --c-earthy-4: #794033;
  --c-earthy-5: #9E7E34;
  --c-earthy-6: #BEC187;
  --c-earthy-7: #66A573;
  --c-earthy-8: #2B7B74;
  --c-earthy-9: #263044;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Kiss a Frog (#BEC187), o tom mais claro, até Midnight Monarch (#1D0D2B), o mais escuro. Ela reúne Midnight Monarch, Nightly Voyager, Carambar, Aged Teak, Arlington Bronze, Kiss a Frog, Aqua Forest, Elm e Crow Black em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1D0D2B sobre #BEC187, com 9,76:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

Midnight Monarch #1D0D2B
RGB
rgb(29, 13, 43)
HSL
hsl(272, 54%, 11%)
Luminância
0,007
Nightly Voyager #391633
RGB
rgb(57, 22, 51)
HSL
hsl(310, 44%, 15%)
Luminância
0,017
Carambar #512531
RGB
rgb(81, 37, 49)
HSL
hsl(344, 37%, 23%)
Luminância
0,033
Aged Teak #794033
RGB
rgb(121, 64, 51)
HSL
hsl(11, 41%, 34%)
Luminância
0,080
Arlington Bronze #9E7E34
RGB
rgb(158, 126, 52)
HSL
hsl(42, 50%, 41%)
Luminância
0,224
Kiss a Frog #BEC187
RGB
rgb(190, 193, 135)
HSL
hsl(63, 32%, 64%)
Luminância
0,508
Aqua Forest #66A573
RGB
rgb(102, 165, 115)
HSL
hsl(132, 26%, 52%)
Luminância
0,310
Elm #2B7B74
RGB
rgb(43, 123, 116)
HSL
hsl(175, 48%, 33%)
Luminância
0,159
Crow Black #263044
RGB
rgb(38, 48, 68)
HSL
hsl(220, 28%, 21%)
Luminância
0,029

Contraste e acessibilidade

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

Aa #1D0D2B sobre #BEC187 9,76:1 AAA
Aa #391633 sobre #BEC187 8,36:1 AAA
Aa #BEC187 sobre #263044 7,03:1 AAA
Aa #512531 sobre #BEC187 6,73:1 AA
Aa #1D0D2B sobre #66A573 6,29:1 AA
Aa #391633 sobre #66A573 5,38:1 AA
Aa #1D0D2B sobre #9E7E34 4,79:1 AA
Aa #66A573 sobre #263044 4,53:1 AA
Aa #512531 sobre #66A573 4,34:1 AA, texto grande
Aa #794033 sobre #BEC187 4,30:1 AA, texto grande
Aa #391633 sobre #9E7E34 4,11:1 AA, texto grande
Aa #1D0D2B sobre #2B7B74 3,66:1 AA, texto grande
Aa #9E7E34 sobre #263044 3,45:1 AA, texto grande
Aa #512531 sobre #9E7E34 3,31:1 AA, texto grande
Aa #391633 sobre #2B7B74 3,13:1 AA, texto grande
Aa #794033 sobre #66A573 2,77:1 Reprovado
Aa #BEC187 sobre #2B7B74 2,67:1 Reprovado
Aa #2B7B74 sobre #263044 2,64:1 Reprovado
Aa #512531 sobre #2B7B74 2,52:1 Reprovado
Aa #1D0D2B sobre #794033 2,27:1 Reprovado
Aa #794033 sobre #9E7E34 2,12:1 Reprovado
Aa #9E7E34 sobre #BEC187 2,03:1 Reprovado
Aa #391633 sobre #794033 1,94:1 Reprovado
Aa #66A573 sobre #2B7B74 1,72:1 Reprovado
Aa #794033 sobre #263044 1,63:1 Reprovado
Aa #794033 sobre #2B7B74 1,61:1 Reprovado
Aa #512531 sobre #794033 1,56:1 Reprovado
Aa #BEC187 sobre #66A573 1,55:1 Reprovado
Aa #1D0D2B sobre #512531 1,45:1 Reprovado
Aa #1D0D2B sobre #263044 1,39:1 Reprovado
Aa #9E7E34 sobre #66A573 1,31:1 Reprovado
Aa #9E7E34 sobre #2B7B74 1,31:1 Reprovado
Aa #391633 sobre #512531 1,24:1 Reprovado
Aa #391633 sobre #263044 1,19:1 Reprovado
Aa #1D0D2B sobre #391633 1,17:1 Reprovado
Aa #512531 sobre #263044 1,04: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