Paleta “Herbal” de 4 cores

Paleta “Herbal” de 4 cores

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

Paleta “Herbal” de 4 cores

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

Editar
Terrosa 4 cores Neutra Mista Complementar
Curtidas 3.842
Cores 4


Variáveis CSS

:root {
  --c-earthy-1: #313552;
  --c-earthy-2: #B8405E;
  --c-earthy-3: #2EB086;
  --c-earthy-4: #EEE6CE;
}

Sobre esta paleta

Esta paleta terrosa de 4 cores vai de Atlas White (#EEE6CE), o tom mais claro, até Tiě Hēi Metal (#313552), o mais escuro. Ela reúne Tiě Hēi Metal, Cry of a Rose, Herbal e Atlas White em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #313552 sobre #EEE6CE, com 9,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

Tiě Hēi Metal #313552
RGB
rgb(49, 53, 82)
HSL
hsl(233, 25%, 26%)
Luminância
0,038
Cry of a Rose #B8405E
RGB
rgb(184, 64, 94)
HSL
hsl(345, 48%, 49%)
Luminância
0,147
Herbal #2EB086
RGB
rgb(46, 176, 134)
HSL
hsl(161, 59%, 44%)
Luminância
0,334
Atlas White #EEE6CE
RGB
rgb(238, 230, 206)
HSL
hsl(45, 48%, 87%)
Luminância
0,792

Contraste e acessibilidade

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

Aa #313552 sobre #EEE6CE 9,56:1 AAA
Aa #313552 sobre #2EB086 4,35:1 AA, texto grande
Aa #B8405E sobre #EEE6CE 4,28:1 AA, texto grande
Aa #313552 sobre #B8405E 2,23:1 Reprovado
Aa #2EB086 sobre #EEE6CE 2,20:1 Reprovado
Aa #B8405E sobre #2EB086 1,95: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