Paleta “Diamond” de 4 cores

Paleta “Diamond” de 4 cores

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

Paleta “Diamond” de 4 cores

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

Editar
Terrosa 4 cores Quente Clara Complementar
Curtidas 4.602
Cores 4


Variáveis CSS

:root {
  --c-earthy-1: #FAF6E3;
  --c-earthy-2: #D8DBBD;
  --c-earthy-3: #B59F78;
  --c-earthy-4: #2A3663;
}

Sobre esta paleta

Esta paleta terrosa de 4 cores vai de Diamond (#FAF6E3), o tom mais claro, até Blue Depths (#2A3663), o mais escuro. Ela reúne Diamond, Apple Cucumber, Vintage Gold e Blue Depths em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FAF6E3 sobre #2A3663, com 10,72: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

Diamond #FAF6E3
RGB
rgb(250, 246, 227)
HSL
hsl(50, 70%, 94%)
Luminância
0,918
Apple Cucumber #D8DBBD
RGB
rgb(216, 219, 189)
HSL
hsl(66, 29%, 80%)
Luminância
0,689
Vintage Gold #B59F78
RGB
rgb(181, 159, 120)
HSL
hsl(38, 29%, 59%)
Luminância
0,360
Blue Depths #2A3663
RGB
rgb(42, 54, 99)
HSL
hsl(227, 40%, 28%)
Luminância
0,040

Contraste e acessibilidade

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

Aa #FAF6E3 sobre #2A3663 10,72:1 AAA
Aa #D8DBBD sobre #2A3663 8,19:1 AAA
Aa #B59F78 sobre #2A3663 4,54:1 AA
Aa #FAF6E3 sobre #B59F78 2,36:1 Reprovado
Aa #D8DBBD sobre #B59F78 1,80:1 Reprovado
Aa #FAF6E3 sobre #D8DBBD 1,31: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