Criar conta Criar conta
Mordfikosz 11

Mordfikosz 11

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

Voltar à biblioteca

Mordfikosz 11

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

Editar
Terrosa 11 cores Quente Mista Complementar artist pjcolorcomp11 pjcolorcomp
Curtidas 7
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #BE783C;
  --c-earthy-2: #D7AF87;
  --c-earthy-3: #EBEBAF;
  --c-earthy-4: #64AF50;
  --c-earthy-5: #556E6E;
  --c-earthy-6: #3C3C5F;
  --c-earthy-7: #96D2F0;
  --c-earthy-8: #A07DA0;
  --c-earthy-9: #9B4146;
  --c-earthy-10: #46282D;
  --c-earthy-11: #14141E;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Medium Goldenrod (#EBEBAF), o tom mais claro, até Kuroi Black (#14141E), o mais escuro. Ela reúne Cray, Porcini, Medium Goldenrod, Shiso Green, Micropolis, Patriot Blue, Slightly Spritzig, Wild Lavender, Reddest Red, Rookwood Dark Red e Kuroi Black 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 é #EBEBAF sobre #14141E, com 14,83: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

Cray #BE783C
RGB
rgb(190, 120, 60)
HSL
hsl(28, 52%, 49%)
Luminância
0,247
Porcini #D7AF87
RGB
rgb(215, 175, 135)
HSL
hsl(30, 50%, 69%)
Luminância
0,469
Medium Goldenrod #EBEBAF
RGB
rgb(235, 235, 175)
HSL
hsl(60, 60%, 80%)
Luminância
0,802
Shiso Green #64AF50
RGB
rgb(100, 175, 80)
HSL
hsl(107, 37%, 50%)
Luminância
0,340
Micropolis #556E6E
RGB
rgb(85, 110, 110)
HSL
hsl(180, 13%, 38%)
Luminância
0,142
Patriot Blue #3C3C5F
RGB
rgb(60, 60, 95)
HSL
hsl(240, 23%, 30%)
Luminância
0,050
Slightly Spritzig #96D2F0
RGB
rgb(150, 210, 240)
HSL
hsl(200, 75%, 76%)
Luminância
0,589
Wild Lavender #A07DA0
RGB
rgb(160, 125, 160)
HSL
hsl(300, 16%, 56%)
Luminância
0,247
Reddest Red #9B4146
RGB
rgb(155, 65, 70)
HSL
hsl(357, 41%, 43%)
Luminância
0,112
Rookwood Dark Red #46282D
RGB
rgb(70, 40, 45)
HSL
hsl(350, 27%, 22%)
Luminância
0,030
Kuroi Black #14141E
RGB
rgb(20, 20, 30)
HSL
hsl(240, 20%, 10%)
Luminância
0,007

Contraste e acessibilidade

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

Aa #EBEBAF sobre #14141E 14,83:1 AAA
Aa #96D2F0 sobre #14141E 11,12:1 AAA
Aa #EBEBAF sobre #46282D 10,63:1 AAA
Aa #D7AF87 sobre #14141E 9,03:1 AAA
Aa #EBEBAF sobre #3C3C5F 8,50:1 AAA
Aa #96D2F0 sobre #46282D 7,97:1 AAA
Aa #64AF50 sobre #14141E 6,78:1 AA
Aa #D7AF87 sobre #46282D 6,47:1 AA
Aa #3C3C5F sobre #96D2F0 6,37:1 AA
Aa #EBEBAF sobre #9B4146 5,26:1 AA
Aa #D7AF87 sobre #3C3C5F 5,18:1 AA
Aa #BE783C sobre #14141E 5,17:1 AA
Aa #A07DA0 sobre #14141E 5,17:1 AA
Aa #64AF50 sobre #46282D 4,86:1 AA
Aa #EBEBAF sobre #556E6E 4,43:1 AA, texto grande
Aa #96D2F0 sobre #9B4146 3,94:1 AA, texto grande
Aa #64AF50 sobre #3C3C5F 3,89:1 AA, texto grande
Aa #BE783C sobre #46282D 3,71:1 AA, texto grande
Aa #A07DA0 sobre #46282D 3,71:1 AA, texto grande
Aa #556E6E sobre #14141E 3,34:1 AA, texto grande
Aa #556E6E sobre #96D2F0 3,32:1 AA, texto grande
Aa #D7AF87 sobre #9B4146 3,20:1 AA, texto grande
Aa #BE783C sobre #3C3C5F 2,97:1 Reprovado
Aa #3C3C5F sobre #A07DA0 2,96:1 Reprovado
Aa #BE783C sobre #EBEBAF 2,87:1 Reprovado
Aa #EBEBAF sobre #A07DA0 2,87:1 Reprovado
Aa #9B4146 sobre #14141E 2,82:1 Reprovado
Aa #D7AF87 sobre #556E6E 2,70:1 Reprovado
Aa #64AF50 sobre #9B4146 2,41:1 Reprovado
Aa #556E6E sobre #46282D 2,40:1 Reprovado
Aa #EBEBAF sobre #64AF50 2,19:1 Reprovado
Aa #BE783C sobre #96D2F0 2,15:1 Reprovado
Aa #96D2F0 sobre #A07DA0 2,15:1 Reprovado
Aa #64AF50 sobre #556E6E 2,03:1 Reprovado
Aa #9B4146 sobre #46282D 2,02:1 Reprovado
Aa #556E6E sobre #3C3C5F 1,92:1 Reprovado
Aa #BE783C sobre #9B4146 1,83:1 Reprovado
Aa #A07DA0 sobre #9B4146 1,83:1 Reprovado
Aa #BE783C sobre #D7AF87 1,75:1 Reprovado
Aa #D7AF87 sobre #A07DA0 1,75:1 Reprovado
Aa #3C3C5F sobre #14141E 1,74:1 Reprovado
Aa #D7AF87 sobre #EBEBAF 1,64:1 Reprovado
Aa #64AF50 sobre #96D2F0 1,64:1 Reprovado
Aa #3C3C5F sobre #9B4146 1,62:1 Reprovado
Aa #BE783C sobre #556E6E 1,55:1 Reprovado
Aa #556E6E sobre #A07DA0 1,55:1 Reprovado
Aa #46282D sobre #14141E 1,39:1 Reprovado
Aa #D7AF87 sobre #64AF50 1,33:1 Reprovado
Aa #EBEBAF sobre #96D2F0 1,33:1 Reprovado
Aa #BE783C sobre #64AF50 1,31:1 Reprovado
Aa #64AF50 sobre #A07DA0 1,31:1 Reprovado
Aa #3C3C5F sobre #46282D 1,25:1 Reprovado
Aa #D7AF87 sobre #96D2F0 1,23:1 Reprovado
Aa #556E6E sobre #9B4146 1,19:1 Reprovado
Aa #BE783C sobre #A07DA0 1,00:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores