Criar conta Criar conta
Kyu

Kyu

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

Voltar à biblioteca

Kyu

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

Editar
Terrosa 10 cores Quente Mista Complementar froeu
Curtidas 13
Cores 10

Variáveis CSS

:root {
  --c-earthy-1: #01060F;
  --c-earthy-2: #3E2E2F;
  --c-earthy-3: #5A5475;
  --c-earthy-4: #837A7C;
  --c-earthy-5: #D5917D;
  --c-earthy-6: #F1B674;
  --c-earthy-7: #F5BCA4;
  --c-earthy-8: #BDB1C2;
  --c-earthy-9: #EB83A0;
  --c-earthy-10: #B67995;
}

Sobre esta paleta

Esta paleta terrosa de 10 cores vai de Heirloom Apricot (#F5BCA4), o tom mais claro, até Eight Ball (#01060F), o mais escuro. Ela reúne Eight Ball, Chocolate Plum, The Fang, Storm Front, Orange Essential, Golden Corn, Heirloom Apricot, Almost Plum, Iced Berry e Choral Singer em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #01060F sobre #F5BCA4, com 12,19: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

Eight Ball #01060F
RGB
rgb(1, 6, 15)
HSL
hsl(219, 88%, 3%)
Luminância
0,002
Chocolate Plum #3E2E2F
RGB
rgb(62, 46, 47)
HSL
hsl(356, 15%, 21%)
Luminância
0,032
The Fang #5A5475
RGB
rgb(90, 84, 117)
HSL
hsl(251, 16%, 39%)
Luminância
0,098
Storm Front #837A7C
RGB
rgb(131, 122, 124)
HSL
hsl(347, 4%, 50%)
Luminância
0,202
Orange Essential #D5917D
RGB
rgb(213, 145, 125)
HSL
hsl(14, 51%, 66%)
Luminância
0,359
Golden Corn #F1B674
RGB
rgb(241, 182, 116)
HSL
hsl(32, 82%, 70%)
Luminância
0,534
Heirloom Apricot #F5BCA4
RGB
rgb(245, 188, 164)
HSL
hsl(18, 80%, 80%)
Luminância
0,581
Almost Plum #BDB1C2
RGB
rgb(189, 177, 194)
HSL
hsl(282, 12%, 73%)
Luminância
0,462
Iced Berry #EB83A0
RGB
rgb(235, 131, 160)
HSL
hsl(343, 72%, 72%)
Luminância
0,364
Choral Singer #B67995
RGB
rgb(182, 121, 149)
HSL
hsl(332, 29%, 59%)
Luminância
0,258

Contraste e acessibilidade

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

Aa #01060F sobre #F5BCA4 12,19:1 AAA
Aa #01060F sobre #F1B674 11,30:1 AAA
Aa #01060F sobre #BDB1C2 9,89:1 AAA
Aa #01060F sobre #EB83A0 8,01:1 AAA
Aa #01060F sobre #D5917D 7,90:1 AAA
Aa #3E2E2F sobre #F5BCA4 7,71:1 AAA
Aa #3E2E2F sobre #F1B674 7,14:1 AAA
Aa #3E2E2F sobre #BDB1C2 6,25:1 AA
Aa #01060F sobre #B67995 5,95:1 AA
Aa #3E2E2F sobre #EB83A0 5,06:1 AA
Aa #3E2E2F sobre #D5917D 5,00:1 AA
Aa #01060F sobre #837A7C 4,87:1 AA
Aa #5A5475 sobre #F5BCA4 4,26:1 AA, texto grande
Aa #5A5475 sobre #F1B674 3,95:1 AA, texto grande
Aa #3E2E2F sobre #B67995 3,76:1 AA, texto grande
Aa #5A5475 sobre #BDB1C2 3,46:1 AA, texto grande
Aa #3E2E2F sobre #837A7C 3,08:1 AA, texto grande
Aa #01060F sobre #5A5475 2,86:1 Reprovado
Aa #5A5475 sobre #EB83A0 2,80:1 Reprovado
Aa #5A5475 sobre #D5917D 2,76:1 Reprovado
Aa #837A7C sobre #F5BCA4 2,50:1 Reprovado
Aa #837A7C sobre #F1B674 2,32:1 Reprovado
Aa #5A5475 sobre #B67995 2,08:1 Reprovado
Aa #F5BCA4 sobre #B67995 2,05:1 Reprovado
Aa #837A7C sobre #BDB1C2 2,03:1 Reprovado
Aa #F1B674 sobre #B67995 1,90:1 Reprovado
Aa #3E2E2F sobre #5A5475 1,81:1 Reprovado
Aa #5A5475 sobre #837A7C 1,70:1 Reprovado
Aa #BDB1C2 sobre #B67995 1,66:1 Reprovado
Aa #837A7C sobre #EB83A0 1,64:1 Reprovado
Aa #837A7C sobre #D5917D 1,62:1 Reprovado
Aa #01060F sobre #3E2E2F 1,58:1 Reprovado
Aa #D5917D sobre #F5BCA4 1,54:1 Reprovado
Aa #F5BCA4 sobre #EB83A0 1,52:1 Reprovado
Aa #D5917D sobre #F1B674 1,43:1 Reprovado
Aa #F1B674 sobre #EB83A0 1,41:1 Reprovado
Aa #EB83A0 sobre #B67995 1,35:1 Reprovado
Aa #D5917D sobre #B67995 1,33:1 Reprovado
Aa #D5917D sobre #BDB1C2 1,25:1 Reprovado
Aa #F5BCA4 sobre #BDB1C2 1,23:1 Reprovado
Aa #BDB1C2 sobre #EB83A0 1,23:1 Reprovado
Aa #837A7C sobre #B67995 1,22:1 Reprovado
Aa #F1B674 sobre #BDB1C2 1,14:1 Reprovado
Aa #F1B674 sobre #F5BCA4 1,08:1 Reprovado
Aa #D5917D sobre #EB83A0 1,01: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