Criar conta Criar conta
Dark Autumn

Dark Autumn

Paleta de 9 cores · Quente · Escura · Harmonia: Análoga

Voltar à biblioteca

Dark Autumn

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Análoga

Editar
Terrosa 9 cores Quente Escura Análoga
Curtidas 21
Cores 9

Variáveis CSS

:root {
  --c-earthy-1: #26140A;
  --c-earthy-2: #4A2626;
  --c-earthy-3: #5D4447;
  --c-earthy-4: #AF5823;
  --c-earthy-5: #B46F24;
  --c-earthy-6: #808123;
  --c-earthy-7: #627344;
  --c-earthy-8: #747F74;
  --c-earthy-9: #968A70;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Tawny Owl (#968A70), o tom mais claro, até Cannon Black (#26140A), o mais escuro. Ela reúne Cannon Black, New Bulgarian Rose, Huckleberry, Autumnal, Hardy Clay, Trendy Green, Grass Blade, Harbour Rat e Tawny Owl em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #26140A sobre #968A70, com 5,2: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

Cannon Black #26140A
RGB
rgb(38, 20, 10)
HSL
hsl(21, 58%, 9%)
Luminância
0,009
New Bulgarian Rose #4A2626
RGB
rgb(74, 38, 38)
HSL
hsl(0, 32%, 22%)
Luminância
0,030
Huckleberry #5D4447
RGB
rgb(93, 68, 71)
HSL
hsl(353, 16%, 32%)
Luminância
0,069
Autumnal #AF5823
RGB
rgb(175, 88, 35)
HSL
hsl(23, 67%, 41%)
Luminância
0,162
Hardy Clay #B46F24
RGB
rgb(180, 111, 36)
HSL
hsl(31, 67%, 42%)
Luminância
0,212
Trendy Green #808123
RGB
rgb(128, 129, 35)
HSL
hsl(61, 57%, 32%)
Luminância
0,204
Grass Blade #627344
RGB
rgb(98, 115, 68)
HSL
hsl(82, 26%, 36%)
Luminância
0,153
Harbour Rat #747F74
RGB
rgb(116, 127, 116)
HSL
hsl(120, 5%, 48%)
Luminância
0,202
Tawny Owl #968A70
RGB
rgb(150, 138, 112)
HSL
hsl(41, 15%, 51%)
Luminância
0,258

Contraste e acessibilidade

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

Aa #26140A sobre #968A70 5,20:1 AA
Aa #26140A sobre #B46F24 4,41:1 AA, texto grande
Aa #26140A sobre #808123 4,28:1 AA, texto grande
Aa #26140A sobre #747F74 4,24:1 AA, texto grande
Aa #4A2626 sobre #968A70 3,86:1 AA, texto grande
Aa #26140A sobre #AF5823 3,57:1 AA, texto grande
Aa #26140A sobre #627344 3,42:1 AA, texto grande
Aa #4A2626 sobre #B46F24 3,28:1 AA, texto grande
Aa #4A2626 sobre #808123 3,18:1 AA, texto grande
Aa #4A2626 sobre #747F74 3,15:1 AA, texto grande
Aa #4A2626 sobre #AF5823 2,66:1 Reprovado
Aa #5D4447 sobre #968A70 2,59:1 Reprovado
Aa #4A2626 sobre #627344 2,54:1 Reprovado
Aa #5D4447 sobre #B46F24 2,20:1 Reprovado
Aa #5D4447 sobre #808123 2,13:1 Reprovado
Aa #5D4447 sobre #747F74 2,11:1 Reprovado
Aa #26140A sobre #5D4447 2,01:1 Reprovado
Aa #5D4447 sobre #AF5823 1,78:1 Reprovado
Aa #5D4447 sobre #627344 1,70:1 Reprovado
Aa #627344 sobre #968A70 1,52:1 Reprovado
Aa #4A2626 sobre #5D4447 1,49:1 Reprovado
Aa #AF5823 sobre #968A70 1,45:1 Reprovado
Aa #26140A sobre #4A2626 1,35:1 Reprovado
Aa #B46F24 sobre #627344 1,29:1 Reprovado
Aa #808123 sobre #627344 1,25:1 Reprovado
Aa #627344 sobre #747F74 1,24:1 Reprovado
Aa #AF5823 sobre #B46F24 1,23:1 Reprovado
Aa #747F74 sobre #968A70 1,23:1 Reprovado
Aa #808123 sobre #968A70 1,21:1 Reprovado
Aa #AF5823 sobre #808123 1,20:1 Reprovado
Aa #AF5823 sobre #747F74 1,19:1 Reprovado
Aa #B46F24 sobre #968A70 1,18:1 Reprovado
Aa #AF5823 sobre #627344 1,05:1 Reprovado
Aa #B46F24 sobre #747F74 1,04:1 Reprovado
Aa #B46F24 sobre #808123 1,03:1 Reprovado
Aa #808123 sobre #747F74 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