Início Paletas de cores Paleta “Bright Halo” de 4 cores

Paleta “Bright Halo” de 4 cores

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

Voltar à biblioteca

Paleta “Bright Halo” de 4 cores

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

Editar

Vibrante 4 cores Quente Mista Análoga

Curtidas 3.278

Cores 4

Variáveis CSS

:root {
  --c-vibrant-1: #FFD369;
  --c-vibrant-2: #E26241;
  --c-vibrant-3: #940A37;
  --c-vibrant-4: #5B0909;
}

Sobre esta paleta

Esta paleta vibrante de 4 cores vai de Bright Halo (#FFD369), o tom mais claro, até Vampiric Council (#5B0909), o mais escuro. Ela reúne Bright Halo, Festival Orange, French Winery e Vampiric Council 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 é #FFD369 sobre #5B0909, com 9,93: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

Bright Halo #FFD369

RGB: rgb(255, 211, 105)
HSL: hsl(42, 100%, 71%)
Luminância: 0,689

Festival Orange #E26241

RGB: rgb(226, 98, 65)
HSL: hsl(12, 74%, 57%)
Luminância: 0,253

French Winery #940A37

RGB: rgb(148, 10, 55)
HSL: hsl(340, 87%, 31%)
Luminância: 0,068

Vampiric Council #5B0909

RGB: rgb(91, 9, 9)
HSL: hsl(0, 82%, 20%)
Luminância: 0,024

Contraste e acessibilidade

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

Aa #FFD369 sobre #5B0909 9,93:1 AAA

Aa #FFD369 sobre #940A37 6,27:1 AA

Aa #E26241 sobre #5B0909 4,07:1 AA, texto grande

Aa #E26241 sobre #940A37 2,57:1 Reprovado

Aa #FFD369 sobre #E26241 2,44:1 Reprovado

Aa #940A37 sobre #5B0909 1,58:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70

4 cores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 cores

#FFF8EA #9E7676 #815B5B #594545

4 cores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 cores

#F67280 #C06C84 #6C5B7B #355C7D

4 cores

#2B2E4A #E84545 #903749 #53354A

4 cores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 cores

#A9907E #F3DEBA #ABC4AA #675D50

4 cores

Paleta “Bright Halo” de 4 cores