Criar conta Criar conta
Bluedawn7

Bluedawn7

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

Voltar à biblioteca

Bluedawn7

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

Editar
Terrosa 7 cores Neutra Mista Complementar orange blue sky complementary
Curtidas 80
Cores 7

Variáveis CSS

:root {
  --c-earthy-1: #08193C;
  --c-earthy-2: #183F74;
  --c-earthy-3: #2B6C9F;
  --c-earthy-4: #9F5D2B;
  --c-earthy-5: #BA9A4C;
  --c-earthy-6: #DBD3BA;
  --c-earthy-7: #948E7B;
}

Sobre esta paleta

Esta paleta terrosa de 7 cores vai de Chino (#DBD3BA), o tom mais claro, até Naval Night (#08193C), o mais escuro. Ela reúne Naval Night, Assault, Blues, Glazed Ginger, Brown Rum, Chino e Olivine Grey 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 é #08193C sobre #DBD3BA, com 11,56: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

Naval Night #08193C
RGB
rgb(8, 25, 60)
HSL
hsl(220, 76%, 13%)
Luminância
0,011
Assault #183F74
RGB
rgb(24, 63, 116)
HSL
hsl(215, 66%, 27%)
Luminância
0,050
Blues #2B6C9F
RGB
rgb(43, 108, 159)
HSL
hsl(206, 57%, 40%)
Luminância
0,137
Glazed Ginger #9F5D2B
RGB
rgb(159, 93, 43)
HSL
hsl(26, 57%, 40%)
Luminância
0,154
Brown Rum #BA9A4C
RGB
rgb(186, 154, 76)
HSL
hsl(43, 44%, 51%)
Luminância
0,341
Chino #DBD3BA
RGB
rgb(219, 211, 186)
HSL
hsl(45, 31%, 79%)
Luminância
0,652
Olivine Grey #948E7B
RGB
rgb(148, 142, 123)
HSL
hsl(46, 10%, 53%)
Luminância
0,271

Contraste e acessibilidade

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

Aa #08193C sobre #DBD3BA 11,56:1 AAA
Aa #183F74 sobre #DBD3BA 7,01:1 AAA
Aa #08193C sobre #BA9A4C 6,43:1 AA
Aa #08193C sobre #948E7B 5,28:1 AA
Aa #183F74 sobre #BA9A4C 3,90:1 AA, texto grande
Aa #2B6C9F sobre #DBD3BA 3,75:1 AA, texto grande
Aa #9F5D2B sobre #DBD3BA 3,45:1 AA, texto grande
Aa #08193C sobre #9F5D2B 3,35:1 AA, texto grande
Aa #183F74 sobre #948E7B 3,20:1 AA, texto grande
Aa #08193C sobre #2B6C9F 3,09:1 AA, texto grande
Aa #DBD3BA sobre #948E7B 2,19:1 Reprovado
Aa #2B6C9F sobre #BA9A4C 2,08:1 Reprovado
Aa #183F74 sobre #9F5D2B 2,04:1 Reprovado
Aa #9F5D2B sobre #BA9A4C 1,92:1 Reprovado
Aa #183F74 sobre #2B6C9F 1,87:1 Reprovado
Aa #BA9A4C sobre #DBD3BA 1,80:1 Reprovado
Aa #2B6C9F sobre #948E7B 1,71:1 Reprovado
Aa #08193C sobre #183F74 1,65:1 Reprovado
Aa #9F5D2B sobre #948E7B 1,57:1 Reprovado
Aa #BA9A4C sobre #948E7B 1,22:1 Reprovado
Aa #2B6C9F sobre #9F5D2B 1,09: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