Paleta “Cheerful Hue” de 4 cores

Paleta “Cheerful Hue” de 4 cores

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

Paleta “Cheerful Hue” de 4 cores

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

Editar
Sóbria 4 cores Fria Mista Complementar
Curtidas 4.253
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #4C4C6D;
  --c-muted-2: #1B9C85;
  --c-muted-3: #E8F6EF;
  --c-muted-4: #FFE194;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Shiroi White (#E8F6EF), o tom mais claro, até Intense Purple (#4C4C6D), o mais escuro. Ela reúne Intense Purple, Flamboyant Teal, Shiroi White e Cheerful Hue 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 é #4C4C6D sobre #E8F6EF, com 7,36: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

Intense Purple #4C4C6D
RGB
rgb(76, 76, 109)
HSL
hsl(240, 18%, 36%)
Luminância
0,078
Flamboyant Teal #1B9C85
RGB
rgb(27, 156, 133)
HSL
hsl(169, 70%, 36%)
Luminância
0,257
Shiroi White #E8F6EF
RGB
rgb(232, 246, 239)
HSL
hsl(150, 44%, 94%)
Luminância
0,893
Cheerful Hue #FFE194
RGB
rgb(255, 225, 148)
HSL
hsl(43, 100%, 79%)
Luminância
0,773

Contraste e acessibilidade

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

Aa #4C4C6D sobre #E8F6EF 7,36:1 AAA
Aa #4C4C6D sobre #FFE194 6,42:1 AA
Aa #1B9C85 sobre #E8F6EF 3,07:1 AA, texto grande
Aa #1B9C85 sobre #FFE194 2,68:1 Reprovado
Aa #4C4C6D sobre #1B9C85 2,40:1 Reprovado
Aa #E8F6EF sobre #FFE194 1,15:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores