Paleta “Self-Love” de 4 cores

Paleta “Self-Love” de 4 cores

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

Paleta “Self-Love” de 4 cores

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

Editar
Sóbria 4 cores Neutra Mista Complementar
Curtidas 4.054
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #F0EEED;
  --c-muted-2: #609EA2;
  --c-muted-3: #C92C6D;
  --c-muted-4: #332C39;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Perfect White (#F0EEED), o tom mais claro, até Obsidian Red (#332C39), o mais escuro. Ela reúne Perfect White, Cadet Blue, Self-Love e Obsidian Red 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 é #F0EEED sobre #332C39, com 11,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

Perfect White #F0EEED
RGB
rgb(240, 238, 237)
HSL
hsl(20, 9%, 94%)
Luminância
0,858
Cadet Blue #609EA2
RGB
rgb(96, 158, 162)
HSL
hsl(184, 26%, 51%)
Luminância
0,296
Self-Love #C92C6D
RGB
rgb(201, 44, 109)
HSL
hsl(335, 64%, 48%)
Luminância
0,153
Obsidian Red #332C39
RGB
rgb(51, 44, 57)
HSL
hsl(272, 13%, 20%)
Luminância
0,028

Contraste e acessibilidade

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

Aa #F0EEED sobre #332C39 11,64:1 AAA
Aa #F0EEED sobre #C92C6D 4,47:1 AA, texto grande
Aa #609EA2 sobre #332C39 4,43:1 AA, texto grande
Aa #F0EEED sobre #609EA2 2,63:1 Reprovado
Aa #C92C6D sobre #332C39 2,61:1 Reprovado
Aa #609EA2 sobre #C92C6D 1,70: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