Paleta “Violet Poison” de 4 cores

Paleta “Violet Poison” de 4 cores

Paleta de 4 cores · Neutra · Escura · Harmonia: Monocromática

Paleta “Violet Poison” de 4 cores

Paleta de 4 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Monocromática

Editar
Sóbria 4 cores Neutra Escura Monocromática
Curtidas 8.944
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #3E065F;
  --c-muted-3: #700B97;
  --c-muted-4: #8E05C2;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Violet Poison (#8E05C2), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Ripe Plum, Chinese Purple e Violet Poison 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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Ripe Plum #3E065F
RGB
rgb(62, 6, 95)
HSL
hsl(278, 88%, 20%)
Luminância
0,020
Chinese Purple #700B97
RGB
rgb(112, 11, 151)
HSL
hsl(283, 86%, 32%)
Luminância
0,059
Violet Poison #8E05C2
RGB
rgb(142, 5, 194)
HSL
hsl(283, 95%, 39%)
Luminância
0,098

Contraste e acessibilidade

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

Aa #000000 sobre #8E05C2 2,95:1 Reprovado
Aa #000000 sobre #700B97 2,18:1 Reprovado
Aa #3E065F sobre #8E05C2 2,11:1 Reprovado
Aa #3E065F sobre #700B97 1,56:1 Reprovado
Aa #000000 sobre #3E065F 1,40:1 Reprovado
Aa #700B97 sobre #8E05C2 1,35:1 Reprovado

Paletas semelhantes

#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
#FFA900 #9D8221 #014441 #01252A
4 cores