Paleta “Macharius Solar Orange” de 4 cores

Paleta “Macharius Solar Orange” de 4 cores

Paleta de 4 cores · Neutra · Mista · Harmonia: Triádica

Paleta “Macharius Solar Orange” de 4 cores

Paleta de 4 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Triádica

Editar
Sóbria 4 cores Neutra Mista Triádica
Curtidas 2.143
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #207561;
  --c-muted-2: #589167;
  --c-muted-3: #A0CC78;
  --c-muted-4: #DA4302;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Jade Lime (#A0CC78), o tom mais claro, até Advantageous (#207561), o mais escuro. Ela reúne Advantageous, DaVanzo Green, Jade Lime e Macharius Solar Orange em um único conjunto que você pode levar direto para uma interface. Nenhum dos 6 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Advantageous #207561
RGB
rgb(32, 117, 97)
HSL
hsl(166, 57%, 29%)
Luminância
0,139
DaVanzo Green #589167
RGB
rgb(88, 145, 103)
HSL
hsl(136, 24%, 46%)
Luminância
0,233
Jade Lime #A0CC78
RGB
rgb(160, 204, 120)
HSL
hsl(91, 45%, 64%)
Luminância
0,520
Macharius Solar Orange #DA4302
RGB
rgb(218, 67, 2)
HSL
hsl(18, 98%, 43%)
Luminância
0,189

Contraste e acessibilidade

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

Aa #207561 sobre #A0CC78 3,02:1 AA, texto grande
Aa #A0CC78 sobre #DA4302 2,38:1 Reprovado
Aa #589167 sobre #A0CC78 2,01:1 Reprovado
Aa #207561 sobre #589167 1,50:1 Reprovado
Aa #207561 sobre #DA4302 1,27:1 Reprovado
Aa #589167 sobre #DA4302 1,18: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