Criar conta Criar conta
Lite Brite

Lite Brite

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

Voltar à biblioteca

Lite Brite

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

Editar
Terrosa 7 cores Neutra Mista Complementar color light litebrite toy
Curtidas 21
Cores 7

Variáveis CSS

:root {
  --c-earthy-1: #383836;
  --c-earthy-2: #65A0C6;
  --c-earthy-3: #97C456;
  --c-earthy-4: #CB5F9A;
  --c-earthy-5: #DEA87B;
  --c-earthy-6: #F5F691;
  --c-earthy-7: #F3F8FB;
}

Sobre esta paleta

Esta paleta terrosa de 7 cores vai de Distant Horizon (#F3F8FB), o tom mais claro, até Lacquered Liquorice (#383836), o mais escuro. Ela reúne Lacquered Liquorice, Scott Base, Cabbage Patch, Phlox Pink, Thai Ice Tea, Milan e Distant Horizon em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #383836 sobre #F3F8FB, com 10,98: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

Lacquered Liquorice #383836
RGB
rgb(56, 56, 54)
HSL
hsl(60, 2%, 22%)
Luminância
0,039
Scott Base #65A0C6
RGB
rgb(101, 160, 198)
HSL
hsl(204, 46%, 59%)
Luminância
0,320
Cabbage Patch #97C456
RGB
rgb(151, 196, 86)
HSL
hsl(85, 48%, 55%)
Luminância
0,467
Phlox Pink #CB5F9A
RGB
rgb(203, 95, 154)
HSL
hsl(327, 51%, 58%)
Luminância
0,232
Thai Ice Tea #DEA87B
RGB
rgb(222, 168, 123)
HSL
hsl(27, 60%, 68%)
Luminância
0,450
Milan #F5F691
RGB
rgb(245, 246, 145)
HSL
hsl(61, 85%, 77%)
Luminância
0,874
Distant Horizon #F3F8FB
RGB
rgb(243, 248, 251)
HSL
hsl(203, 50%, 97%)
Luminância
0,932

Contraste e acessibilidade

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

Aa #383836 sobre #F3F8FB 10,98:1 AAA
Aa #383836 sobre #F5F691 10,34:1 AAA
Aa #383836 sobre #97C456 5,79:1 AA
Aa #383836 sobre #DEA87B 5,59:1 AA
Aa #383836 sobre #65A0C6 4,14:1 AA, texto grande
Aa #CB5F9A sobre #F3F8FB 3,48:1 AA, texto grande
Aa #CB5F9A sobre #F5F691 3,27:1 AA, texto grande
Aa #383836 sobre #CB5F9A 3,16:1 AA, texto grande
Aa #65A0C6 sobre #F3F8FB 2,65:1 Reprovado
Aa #65A0C6 sobre #F5F691 2,50:1 Reprovado
Aa #DEA87B sobre #F3F8FB 1,96:1 Reprovado
Aa #97C456 sobre #F3F8FB 1,90:1 Reprovado
Aa #DEA87B sobre #F5F691 1,85:1 Reprovado
Aa #97C456 sobre #CB5F9A 1,83:1 Reprovado
Aa #97C456 sobre #F5F691 1,79:1 Reprovado
Aa #CB5F9A sobre #DEA87B 1,77:1 Reprovado
Aa #65A0C6 sobre #97C456 1,40:1 Reprovado
Aa #65A0C6 sobre #DEA87B 1,35:1 Reprovado
Aa #65A0C6 sobre #CB5F9A 1,31:1 Reprovado
Aa #F5F691 sobre #F3F8FB 1,06:1 Reprovado
Aa #97C456 sobre #DEA87B 1,04: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