Criar conta Criar conta
Four Green

Four Green

Paleta de 4 cores · Neutra · Escura · Harmonia: Análoga

Voltar à biblioteca

Four Green

Paleta de 4 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 4 cores Neutra Escura Análoga greens grass 4green fourgreen
Curtidas 27
Cores 4

Variáveis CSS

:root {
  --c-muted-1: #588F3D;
  --c-muted-2: #36633D;
  --c-muted-3: #293D36;
  --c-muted-4: #AABF40;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Hopscotch (#AABF40), o tom mais claro, até Scarab (#293D36), o mais escuro. Ela reúne Indica, Genever Green, Scarab e Hopscotch 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 é #293D36 sobre #AABF40, com 5,64:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Indica #588F3D
RGB
rgb(88, 143, 61)
HSL
hsl(100, 40%, 40%)
Luminância
0,221
Genever Green #36633D
RGB
rgb(54, 99, 61)
HSL
hsl(129, 29%, 30%)
Luminância
0,100
Scarab #293D36
RGB
rgb(41, 61, 54)
HSL
hsl(159, 20%, 20%)
Luminância
0,041
Hopscotch #AABF40
RGB
rgb(170, 191, 64)
HSL
hsl(70, 50%, 50%)
Luminância
0,462

Contraste e acessibilidade

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

Aa #293D36 sobre #AABF40 5,64:1 AA
Aa #36633D sobre #AABF40 3,40:1 AA, texto grande
Aa #588F3D sobre #293D36 2,98:1 Reprovado
Aa #588F3D sobre #AABF40 1,89:1 Reprovado
Aa #588F3D sobre #36633D 1,80:1 Reprovado
Aa #36633D sobre #293D36 1,66:1 Reprovado

Paletas semelhantes

#000000 #3E065F #700B97 #8E05C2
4 cores
#000000 #150050 #3F0071 #FB2576
4 cores
#000000 #3E432E #616F39 #A7D129
4 cores
#4B5D67 #322F3D #59405C #87556F
4 cores
#18230F #27391C #255F38 #1F7D53
4 cores
#FF5200 #6F0000 #00263B #00A1AB
4 cores
#000000 #0F6292 #16FF00 #FFED00
4 cores
#251D3A #2A2550 #E04D01 #FF7700
4 cores