Criar conta Criar conta
Inferno 666

Inferno 666

Paleta de 8 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Inferno 666

Paleta de 8 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 8 cores Quente Mista Complementar pixelart orange fire red
Curtidas 45
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #FFDD69;
  --c-vibrant-2: #FE8E63;
  --c-vibrant-3: #D23B36;
  --c-vibrant-4: #AC1242;
  --c-vibrant-5: #77123D;
  --c-vibrant-6: #3E1548;
  --c-vibrant-7: #210743;
  --c-vibrant-8: #000323;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Lemon Tart (#FFDD69), o tom mais claro, até Hadopelagic Water (#000323), o mais escuro. Ela reúne Lemon Tart, Pink Orange, Blade Runner Red, Bloody Periphylla, Her Fierceness, Velvet Cosmos, Your Darkness e Hadopelagic Water em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFDD69 sobre #000323, com 15,23: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

Lemon Tart #FFDD69
RGB
rgb(255, 221, 105)
HSL
hsl(46, 100%, 71%)
Luminância
0,740
Pink Orange #FE8E63
RGB
rgb(254, 142, 99)
HSL
hsl(17, 99%, 69%)
Luminância
0,413
Blade Runner Red #D23B36
RGB
rgb(210, 59, 54)
HSL
hsl(2, 63%, 52%)
Luminância
0,171
Bloody Periphylla #AC1242
RGB
rgb(172, 18, 66)
HSL
hsl(341, 81%, 37%)
Luminância
0,096
Her Fierceness #77123D
RGB
rgb(119, 18, 61)
HSL
hsl(334, 74%, 27%)
Luminância
0,047
Velvet Cosmos #3E1548
RGB
rgb(62, 21, 72)
HSL
hsl(288, 55%, 18%)
Luminância
0,020
Your Darkness #210743
RGB
rgb(33, 7, 67)
HSL
hsl(266, 81%, 15%)
Luminância
0,009
Hadopelagic Water #000323
RGB
rgb(0, 3, 35)
HSL
hsl(235, 100%, 7%)
Luminância
0,002

Contraste e acessibilidade

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

Aa #FFDD69 sobre #000323 15,23:1 AAA
Aa #FFDD69 sobre #210743 13,43:1 AAA
Aa #FFDD69 sobre #3E1548 11,24:1 AAA
Aa #FE8E63 sobre #000323 8,93:1 AAA
Aa #FFDD69 sobre #77123D 8,15:1 AAA
Aa #FE8E63 sobre #210743 7,88:1 AAA
Aa #FE8E63 sobre #3E1548 6,59:1 AA
Aa #FFDD69 sobre #AC1242 5,41:1 AA
Aa #FE8E63 sobre #77123D 4,78:1 AA
Aa #D23B36 sobre #000323 4,26:1 AA, texto grande
Aa #D23B36 sobre #210743 3,76:1 AA, texto grande
Aa #FFDD69 sobre #D23B36 3,57:1 AA, texto grande
Aa #FE8E63 sobre #AC1242 3,17:1 AA, texto grande
Aa #D23B36 sobre #3E1548 3,14:1 AA, texto grande
Aa #AC1242 sobre #000323 2,81:1 Reprovado
Aa #AC1242 sobre #210743 2,48:1 Reprovado
Aa #D23B36 sobre #77123D 2,28:1 Reprovado
Aa #FE8E63 sobre #D23B36 2,10:1 Reprovado
Aa #AC1242 sobre #3E1548 2,08:1 Reprovado
Aa #77123D sobre #000323 1,87:1 Reprovado
Aa #FFDD69 sobre #FE8E63 1,71:1 Reprovado
Aa #77123D sobre #210743 1,65:1 Reprovado
Aa #D23B36 sobre #AC1242 1,51:1 Reprovado
Aa #AC1242 sobre #77123D 1,51:1 Reprovado
Aa #77123D sobre #3E1548 1,38:1 Reprovado
Aa #3E1548 sobre #000323 1,36:1 Reprovado
Aa #3E1548 sobre #210743 1,20:1 Reprovado
Aa #210743 sobre #000323 1,13: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