Paleta “Fairy Tale” de 4 cores

Paleta “Fairy Tale” de 4 cores

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

Paleta “Fairy Tale” de 4 cores

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

Editar
Sóbria 4 cores Neutra Mista Análoga
Curtidas 5.928
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #441752;
  --c-muted-2: #8174A0;
  --c-muted-3: #A888B5;
  --c-muted-4: #EFB6C8;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Fairy Tale (#EFB6C8), o tom mais claro, até Plunged Into Darkness (#441752), o mais escuro. Ela reúne Plunged Into Darkness, Old Prune, Purple Statice e Fairy Tale em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #441752 sobre #EFB6C8, com 8,18: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

Plunged Into Darkness #441752
RGB
rgb(68, 23, 82)
HSL
hsl(286, 56%, 21%)
Luminância
0,025
Old Prune #8174A0
RGB
rgb(129, 116, 160)
HSL
hsl(258, 19%, 54%)
Luminância
0,197
Purple Statice #A888B5
RGB
rgb(168, 136, 181)
HSL
hsl(283, 23%, 62%)
Luminância
0,293
Fairy Tale #EFB6C8
RGB
rgb(239, 182, 200)
HSL
hsl(341, 64%, 83%)
Luminância
0,560

Contraste e acessibilidade

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

Aa #441752 sobre #EFB6C8 8,18:1 AAA
Aa #441752 sobre #A888B5 4,60:1 AA
Aa #441752 sobre #8174A0 3,31:1 AA, texto grande
Aa #8174A0 sobre #EFB6C8 2,47:1 Reprovado
Aa #A888B5 sobre #EFB6C8 1,78:1 Reprovado
Aa #8174A0 sobre #A888B5 1,39: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