Criar conta Criar conta
Shido 10

Shido 10

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

Voltar à biblioteca

Shido 10

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

Editar
Terrosa 10 cores Quente Mista Complementar 10 shido shido10
Curtidas 33
Cores 10

Variáveis CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #58122B;
  --c-earthy-3: #AF4040;
  --c-earthy-4: #FAA174;
  --c-earthy-5: #FFC783;
  --c-earthy-6: #359097;
  --c-earthy-7: #22337D;
  --c-earthy-8: #88AEC0;
  --c-earthy-9: #C4FFF0;
  --c-earthy-10: #F7F7F7;
}

Sobre esta paleta

Esta paleta terrosa de 10 cores vai de Lynx White (#F7F7F7), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Brown Chocolate, Landjäger, Usugaki Persimmon, Apricot Butter, Aqueous, Deep Space Royal, Chilly Blue, Arabica Mint e Lynx White em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #F7F7F7, com 19,6: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Brown Chocolate #58122B
RGB
rgb(88, 18, 43)
HSL
hsl(339, 66%, 21%)
Luminância
0,027
Landjäger #AF4040
RGB
rgb(175, 64, 64)
HSL
hsl(0, 46%, 47%)
Luminância
0,132
Usugaki Persimmon #FAA174
RGB
rgb(250, 161, 116)
HSL
hsl(20, 93%, 72%)
Luminância
0,471
Apricot Butter #FFC783
RGB
rgb(255, 199, 131)
HSL
hsl(33, 100%, 76%)
Luminância
0,638
Aqueous #359097
RGB
rgb(53, 144, 151)
HSL
hsl(184, 48%, 40%)
Luminância
0,229
Deep Space Royal #22337D
RGB
rgb(34, 51, 125)
HSL
hsl(229, 57%, 31%)
Luminância
0,042
Chilly Blue #88AEC0
RGB
rgb(136, 174, 192)
HSL
hsl(199, 31%, 64%)
Luminância
0,393
Arabica Mint #C4FFF0
RGB
rgb(196, 255, 240)
HSL
hsl(165, 100%, 88%)
Luminância
0,896
Lynx White #F7F7F7
RGB
rgb(247, 247, 247)
HSL
hsl(0, 0%, 97%)
Luminância
0,930

Contraste e acessibilidade

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

Aa #000000 sobre #F7F7F7 19,60:1 AAA
Aa #000000 sobre #C4FFF0 18,91:1 AAA
Aa #000000 sobre #FFC783 13,75:1 AAA
Aa #58122B sobre #F7F7F7 12,76:1 AAA
Aa #58122B sobre #C4FFF0 12,31:1 AAA
Aa #22337D sobre #F7F7F7 10,67:1 AAA
Aa #000000 sobre #FAA174 10,41:1 AAA
Aa #22337D sobre #C4FFF0 10,29:1 AAA
Aa #58122B sobre #FFC783 8,95:1 AAA
Aa #000000 sobre #88AEC0 8,86:1 AAA
Aa #FFC783 sobre #22337D 7,48:1 AAA
Aa #58122B sobre #FAA174 6,78:1 AA
Aa #58122B sobre #88AEC0 5,77:1 AA
Aa #FAA174 sobre #22337D 5,67:1 AA
Aa #000000 sobre #359097 5,59:1 AA
Aa #AF4040 sobre #F7F7F7 5,40:1 AA
Aa #AF4040 sobre #C4FFF0 5,21:1 AA
Aa #22337D sobre #88AEC0 4,82:1 AA
Aa #AF4040 sobre #FFC783 3,79:1 AA, texto grande
Aa #58122B sobre #359097 3,64:1 AA, texto grande
Aa #000000 sobre #AF4040 3,63:1 AA, texto grande
Aa #359097 sobre #F7F7F7 3,51:1 AA, texto grande
Aa #359097 sobre #C4FFF0 3,38:1 AA, texto grande
Aa #359097 sobre #22337D 3,04:1 AA, texto grande
Aa #AF4040 sobre #FAA174 2,87:1 Reprovado
Aa #FFC783 sobre #359097 2,46:1 Reprovado
Aa #AF4040 sobre #88AEC0 2,44:1 Reprovado
Aa #58122B sobre #AF4040 2,36:1 Reprovado
Aa #88AEC0 sobre #F7F7F7 2,21:1 Reprovado
Aa #88AEC0 sobre #C4FFF0 2,13:1 Reprovado
Aa #AF4040 sobre #22337D 1,98:1 Reprovado
Aa #FAA174 sobre #F7F7F7 1,88:1 Reprovado
Aa #FAA174 sobre #359097 1,86:1 Reprovado
Aa #000000 sobre #22337D 1,84:1 Reprovado
Aa #FAA174 sobre #C4FFF0 1,82:1 Reprovado
Aa #359097 sobre #88AEC0 1,59:1 Reprovado
Aa #FFC783 sobre #88AEC0 1,55:1 Reprovado
Aa #000000 sobre #58122B 1,54:1 Reprovado
Aa #AF4040 sobre #359097 1,54:1 Reprovado
Aa #FFC783 sobre #F7F7F7 1,43:1 Reprovado
Aa #FFC783 sobre #C4FFF0 1,38:1 Reprovado
Aa #FAA174 sobre #FFC783 1,32:1 Reprovado
Aa #58122B sobre #22337D 1,20:1 Reprovado
Aa #FAA174 sobre #88AEC0 1,18:1 Reprovado
Aa #C4FFF0 sobre #F7F7F7 1,04: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