Paleta “Happy Yipee” de 4 cores

Paleta “Happy Yipee” de 4 cores

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

Paleta “Happy Yipee” de 4 cores

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

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


Variáveis CSS

:root {
  --c-muted-1: #EEEEEE;
  --c-muted-2: #FCC314;
  --c-muted-3: #94AC3C;
  --c-muted-4: #295BA7;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Super Silver (#EEEEEE), o tom mais claro, até Miracle at Wrigley (#295BA7), o mais escuro. Ela reúne Super Silver, Happy Yipee, Googolplex e Miracle at Wrigley 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 é #EEEEEE sobre #295BA7, com 5,75: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

Super Silver #EEEEEE
RGB
rgb(238, 238, 238)
HSL
hsl(0, 0%, 93%)
Luminância
0,855
Happy Yipee #FCC314
RGB
rgb(252, 195, 20)
HSL
hsl(45, 97%, 53%)
Luminância
0,598
Googolplex #94AC3C
RGB
rgb(148, 172, 60)
HSL
hsl(73, 48%, 45%)
Luminância
0,361
Miracle at Wrigley #295BA7
RGB
rgb(41, 91, 167)
HSL
hsl(216, 61%, 41%)
Luminância
0,107

Contraste e acessibilidade

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

Aa #EEEEEE sobre #295BA7 5,75:1 AA
Aa #FCC314 sobre #295BA7 4,11:1 AA, texto grande
Aa #94AC3C sobre #295BA7 2,61:1 Reprovado
Aa #EEEEEE sobre #94AC3C 2,20:1 Reprovado
Aa #FCC314 sobre #94AC3C 1,58:1 Reprovado
Aa #EEEEEE sobre #FCC314 1,40: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