Paleta “Blarney” de 4 cores

Paleta “Blarney” de 4 cores

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

Paleta “Blarney” de 4 cores

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

Editar
Vibrante 4 cores Neutra Mista Complementar
Curtidas 2.489
Cores 4


Variáveis CSS

:root {
  --c-vibrant-1: #FCE8AA;
  --c-vibrant-2: #97DE95;
  --c-vibrant-3: #08C299;
  --c-vibrant-4: #571179;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Bleached Sunflower (#FCE8AA), o tom mais claro, até Velvet Vortex (#571179), o mais escuro. Ela reúne Bleached Sunflower, Retro, Blarney e Velvet Vortex em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FCE8AA sobre #571179, com 9,8: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

Bleached Sunflower #FCE8AA
RGB
rgb(252, 232, 170)
HSL
hsl(45, 93%, 83%)
Luminância
0,813
Retro #97DE95
RGB
rgb(151, 222, 149)
HSL
hsl(118, 53%, 73%)
Luminância
0,610
Blarney #08C299
RGB
rgb(8, 194, 153)
HSL
hsl(167, 92%, 40%)
Luminância
0,409
Velvet Vortex #571179
RGB
rgb(87, 17, 121)
HSL
hsl(280, 75%, 27%)
Luminância
0,038

Contraste e acessibilidade

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

Aa #FCE8AA sobre #571179 9,80:1 AAA
Aa #97DE95 sobre #571179 7,49:1 AAA
Aa #08C299 sobre #571179 5,22:1 AA
Aa #FCE8AA sobre #08C299 1,88:1 Reprovado
Aa #97DE95 sobre #08C299 1,44:1 Reprovado
Aa #FCE8AA sobre #97DE95 1,31: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