Criar conta Criar conta
Finlal 11

Finlal 11

Paleta de 11 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

Finlal 11

Paleta de 11 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 11 cores Neutra Mista Complementar artist pjcolorcomp11 pjcolorcomp
Curtidas 5
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #171419;
  --c-earthy-2: #530C1E;
  --c-earthy-3: #223555;
  --c-earthy-4: #AF3451;
  --c-earthy-5: #3B6688;
  --c-earthy-6: #238433;
  --c-earthy-7: #9F8474;
  --c-earthy-8: #889EB7;
  --c-earthy-9: #BDA0BC;
  --c-earthy-10: #CBC990;
  --c-earthy-11: #E4E5F1;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Lavender Syrup (#E4E5F1), o tom mais claro, até Dark Void (#171419), o mais escuro. Ela reúne Dark Void, Maroon Oak, Boatswain, Raspberry Wine, Mississippi River, Gorgeous Green, Wood Lake, Astro Bound, Leek Blossom Pink, Creamy Spinaci e Lavender Syrup em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #171419 sobre #E4E5F1, com 14,58: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

Dark Void #171419
RGB
rgb(23, 20, 25)
HSL
hsl(276, 11%, 9%)
Luminância
0,008
Maroon Oak #530C1E
RGB
rgb(83, 12, 30)
HSL
hsl(345, 75%, 19%)
Luminância
0,022
Boatswain #223555
RGB
rgb(34, 53, 85)
HSL
hsl(218, 43%, 23%)
Luminância
0,035
Raspberry Wine #AF3451
RGB
rgb(175, 52, 81)
HSL
hsl(346, 54%, 45%)
Luminância
0,122
Mississippi River #3B6688
RGB
rgb(59, 102, 136)
HSL
hsl(206, 39%, 38%)
Luminância
0,122
Gorgeous Green #238433
RGB
rgb(35, 132, 51)
HSL
hsl(130, 58%, 33%)
Luminância
0,171
Wood Lake #9F8474
RGB
rgb(159, 132, 116)
HSL
hsl(22, 18%, 54%)
Luminância
0,251
Astro Bound #889EB7
RGB
rgb(136, 158, 183)
HSL
hsl(212, 25%, 63%)
Luminância
0,331
Leek Blossom Pink #BDA0BC
RGB
rgb(189, 160, 188)
HSL
hsl(302, 18%, 68%)
Luminância
0,396
Creamy Spinaci #CBC990
RGB
rgb(203, 201, 144)
HSL
hsl(58, 36%, 68%)
Luminância
0,565
Lavender Syrup #E4E5F1
RGB
rgb(228, 229, 241)
HSL
hsl(235, 32%, 92%)
Luminância
0,789

Contraste e acessibilidade

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

Aa #171419 sobre #E4E5F1 14,58:1 AAA
Aa #530C1E sobre #E4E5F1 11,66:1 AAA
Aa #171419 sobre #CBC990 10,69:1 AAA
Aa #223555 sobre #E4E5F1 9,82:1 AAA
Aa #530C1E sobre #CBC990 8,54:1 AAA
Aa #171419 sobre #BDA0BC 7,75:1 AAA
Aa #223555 sobre #CBC990 7,20:1 AAA
Aa #171419 sobre #889EB7 6,62:1 AA
Aa #530C1E sobre #BDA0BC 6,20:1 AA
Aa #530C1E sobre #889EB7 5,30:1 AA
Aa #171419 sobre #9F8474 5,24:1 AA
Aa #223555 sobre #BDA0BC 5,22:1 AA
Aa #AF3451 sobre #E4E5F1 4,89:1 AA
Aa #3B6688 sobre #E4E5F1 4,87:1 AA
Aa #223555 sobre #889EB7 4,46:1 AA, texto grande
Aa #530C1E sobre #9F8474 4,19:1 AA, texto grande
Aa #171419 sobre #238433 3,84:1 AA, texto grande
Aa #238433 sobre #E4E5F1 3,80:1 AA, texto grande
Aa #AF3451 sobre #CBC990 3,58:1 AA, texto grande
Aa #3B6688 sobre #CBC990 3,57:1 AA, texto grande
Aa #223555 sobre #9F8474 3,53:1 AA, texto grande
Aa #530C1E sobre #238433 3,07:1 AA, texto grande
Aa #171419 sobre #3B6688 2,99:1 Reprovado
Aa #171419 sobre #AF3451 2,98:1 Reprovado
Aa #238433 sobre #CBC990 2,78:1 Reprovado
Aa #9F8474 sobre #E4E5F1 2,78:1 Reprovado
Aa #AF3451 sobre #BDA0BC 2,60:1 Reprovado
Aa #223555 sobre #238433 2,59:1 Reprovado
Aa #3B6688 sobre #BDA0BC 2,59:1 Reprovado
Aa #530C1E sobre #AF3451 2,39:1 Reprovado
Aa #530C1E sobre #3B6688 2,39:1 Reprovado
Aa #AF3451 sobre #889EB7 2,22:1 Reprovado
Aa #3B6688 sobre #889EB7 2,21:1 Reprovado
Aa #889EB7 sobre #E4E5F1 2,20:1 Reprovado
Aa #9F8474 sobre #CBC990 2,04:1 Reprovado
Aa #238433 sobre #BDA0BC 2,02:1 Reprovado
Aa #223555 sobre #AF3451 2,01:1 Reprovado
Aa #223555 sobre #3B6688 2,01:1 Reprovado
Aa #BDA0BC sobre #E4E5F1 1,88:1 Reprovado
Aa #AF3451 sobre #9F8474 1,76:1 Reprovado
Aa #3B6688 sobre #9F8474 1,75:1 Reprovado
Aa #238433 sobre #889EB7 1,72:1 Reprovado
Aa #889EB7 sobre #CBC990 1,61:1 Reprovado
Aa #171419 sobre #223555 1,48:1 Reprovado
Aa #9F8474 sobre #BDA0BC 1,48:1 Reprovado
Aa #BDA0BC sobre #CBC990 1,38:1 Reprovado
Aa #238433 sobre #9F8474 1,36:1 Reprovado
Aa #CBC990 sobre #E4E5F1 1,36:1 Reprovado
Aa #AF3451 sobre #238433 1,29:1 Reprovado
Aa #3B6688 sobre #238433 1,28:1 Reprovado
Aa #9F8474 sobre #889EB7 1,26:1 Reprovado
Aa #171419 sobre #530C1E 1,25:1 Reprovado
Aa #530C1E sobre #223555 1,19:1 Reprovado
Aa #889EB7 sobre #BDA0BC 1,17:1 Reprovado
Aa #AF3451 sobre #3B6688 1,00:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores