Criar conta Criar conta
BASIC BIT

BASIC BIT

Paleta de 9 cores · Quente · Clara · Harmonia: Complementar

Voltar à biblioteca

BASIC BIT

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Complementar

Editar
Terrosa 9 cores Quente Clara Complementar simple lowsaturation rainbow
Curtidas 107
Cores 9

Variáveis CSS

:root {
  --c-earthy-1: #D76C6C;
  --c-earthy-2: #F49461;
  --c-earthy-3: #FFDD7E;
  --c-earthy-4: #87BF72;
  --c-earthy-5: #6A94B1;
  --c-earthy-6: #73577E;
  --c-earthy-7: #FFFCF1;
  --c-earthy-8: #BEBEB4;
  --c-earthy-9: #3E3E3E;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Granulated Sugar (#FFFCF1), o tom mais claro, até Black Lacquer (#3E3E3E), o mais escuro. Ela reúne Coral Expression, Brown Sand, Cup Noodles, Laudable Lime, Aragonite Blue, Dr Who, Granulated Sugar, Light Year e Black Lacquer em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFFCF1 sobre #3E3E3E, com 10,41: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

Coral Expression #D76C6C
RGB
rgb(215, 108, 108)
HSL
hsl(0, 57%, 63%)
Luminância
0,263
Brown Sand #F49461
RGB
rgb(244, 148, 97)
HSL
hsl(21, 87%, 67%)
Luminância
0,413
Cup Noodles #FFDD7E
RGB
rgb(255, 221, 126)
HSL
hsl(44, 100%, 75%)
Luminância
0,745
Laudable Lime #87BF72
RGB
rgb(135, 191, 114)
HSL
hsl(104, 38%, 60%)
Luminância
0,436
Aragonite Blue #6A94B1
RGB
rgb(106, 148, 177)
HSL
hsl(205, 31%, 55%)
Luminância
0,274
Dr Who #73577E
RGB
rgb(115, 87, 126)
HSL
hsl(283, 18%, 42%)
Luminância
0,120
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Luminância
0,972
Light Year #BEBEB4
RGB
rgb(190, 190, 180)
HSL
hsl(60, 7%, 73%)
Luminância
0,511
Black Lacquer #3E3E3E
RGB
rgb(62, 62, 62)
HSL
hsl(0, 0%, 24%)
Luminância
0,048

Contraste e acessibilidade

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

Aa #FFFCF1 sobre #3E3E3E 10,41:1 AAA
Aa #FFDD7E sobre #3E3E3E 8,10:1 AAA
Aa #73577E sobre #FFFCF1 6,03:1 AA
Aa #BEBEB4 sobre #3E3E3E 5,71:1 AA
Aa #87BF72 sobre #3E3E3E 4,95:1 AA
Aa #F49461 sobre #3E3E3E 4,71:1 AA
Aa #FFDD7E sobre #73577E 4,68:1 AA
Aa #6A94B1 sobre #3E3E3E 3,30:1 AA, texto grande
Aa #73577E sobre #BEBEB4 3,30:1 AA, texto grande
Aa #D76C6C sobre #FFFCF1 3,27:1 AA, texto grande
Aa #D76C6C sobre #3E3E3E 3,18:1 AA, texto grande
Aa #6A94B1 sobre #FFFCF1 3,15:1 AA, texto grande
Aa #87BF72 sobre #73577E 2,87:1 Reprovado
Aa #F49461 sobre #73577E 2,73:1 Reprovado
Aa #D76C6C sobre #FFDD7E 2,54:1 Reprovado
Aa #FFDD7E sobre #6A94B1 2,45:1 Reprovado
Aa #F49461 sobre #FFFCF1 2,21:1 Reprovado
Aa #87BF72 sobre #FFFCF1 2,10:1 Reprovado
Aa #6A94B1 sobre #73577E 1,91:1 Reprovado
Aa #D76C6C sobre #73577E 1,84:1 Reprovado
Aa #FFFCF1 sobre #BEBEB4 1,82:1 Reprovado
Aa #D76C6C sobre #BEBEB4 1,79:1 Reprovado
Aa #6A94B1 sobre #BEBEB4 1,73:1 Reprovado
Aa #73577E sobre #3E3E3E 1,73:1 Reprovado
Aa #F49461 sobre #FFDD7E 1,72:1 Reprovado
Aa #FFDD7E sobre #87BF72 1,63:1 Reprovado
Aa #D76C6C sobre #87BF72 1,56:1 Reprovado
Aa #87BF72 sobre #6A94B1 1,50:1 Reprovado
Aa #D76C6C sobre #F49461 1,48:1 Reprovado
Aa #F49461 sobre #6A94B1 1,43:1 Reprovado
Aa #FFDD7E sobre #BEBEB4 1,42:1 Reprovado
Aa #FFDD7E sobre #FFFCF1 1,29:1 Reprovado
Aa #F49461 sobre #BEBEB4 1,21:1 Reprovado
Aa #87BF72 sobre #BEBEB4 1,15:1 Reprovado
Aa #F49461 sobre #87BF72 1,05:1 Reprovado
Aa #D76C6C sobre #6A94B1 1,04:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 cores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 cores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 cores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 cores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 cores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 cores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 cores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 cores