Criar conta Criar conta
Haunted Hollows

Haunted Hollows

Paleta de 9 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

Haunted Hollows

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar
Vibrante 9 cores Quente Escura Triádica orange red purple spooky
Curtidas 115
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #060423;
  --c-vibrant-2: #0E0B38;
  --c-vibrant-3: #2B0D46;
  --c-vibrant-4: #4C1A4E;
  --c-vibrant-5: #791D46;
  --c-vibrant-6: #AD2340;
  --c-vibrant-7: #D65B49;
  --c-vibrant-8: #F28F61;
  --c-vibrant-9: #FAB269;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Ripe Cantaloupe (#FAB269), o tom mais claro, até Hadopelagic Water (#060423), o mais escuro. Ela reúne Hadopelagic Water, Grim Reaper, Oily Purple, Plunged Into Darkness, Caviar Couture, Bresaola, Flame Stitch, Orange Slice e Ripe Cantaloupe em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #060423 sobre #FAB269, com 11,09: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

Hadopelagic Water #060423
RGB
rgb(6, 4, 35)
HSL
hsl(244, 79%, 8%)
Luminância
0,003
Grim Reaper #0E0B38
RGB
rgb(14, 11, 56)
HSL
hsl(244, 67%, 13%)
Luminância
0,006
Oily Purple #2B0D46
RGB
rgb(43, 13, 70)
HSL
hsl(272, 69%, 16%)
Luminância
0,012
Plunged Into Darkness #4C1A4E
RGB
rgb(76, 26, 78)
HSL
hsl(298, 50%, 20%)
Luminância
0,028
Caviar Couture #791D46
RGB
rgb(121, 29, 70)
HSL
hsl(333, 61%, 29%)
Luminância
0,054
Bresaola #AD2340
RGB
rgb(173, 35, 64)
HSL
hsl(347, 66%, 41%)
Luminância
0,105
Flame Stitch #D65B49
RGB
rgb(214, 91, 73)
HSL
hsl(8, 63%, 56%)
Luminância
0,223
Orange Slice #F28F61
RGB
rgb(242, 143, 97)
HSL
hsl(19, 85%, 66%)
Luminância
0,394
Ripe Cantaloupe #FAB269
RGB
rgb(250, 178, 105)
HSL
hsl(30, 94%, 70%)
Luminância
0,532

Contraste e acessibilidade

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

Aa #060423 sobre #FAB269 11,09:1 AAA
Aa #0E0B38 sobre #FAB269 10,36:1 AAA
Aa #2B0D46 sobre #FAB269 9,32:1 AAA
Aa #060423 sobre #F28F61 8,46:1 AAA
Aa #0E0B38 sobre #F28F61 7,90:1 AAA
Aa #4C1A4E sobre #FAB269 7,44:1 AAA
Aa #2B0D46 sobre #F28F61 7,11:1 AAA
Aa #4C1A4E sobre #F28F61 5,67:1 AA
Aa #791D46 sobre #FAB269 5,60:1 AA
Aa #060423 sobre #D65B49 5,20:1 AA
Aa #0E0B38 sobre #D65B49 4,85:1 AA
Aa #2B0D46 sobre #D65B49 4,37:1 AA, texto grande
Aa #791D46 sobre #F28F61 4,27:1 AA, texto grande
Aa #AD2340 sobre #FAB269 3,76:1 AA, texto grande
Aa #4C1A4E sobre #D65B49 3,48:1 AA, texto grande
Aa #060423 sobre #AD2340 2,95:1 Reprovado
Aa #AD2340 sobre #F28F61 2,87:1 Reprovado
Aa #0E0B38 sobre #AD2340 2,75:1 Reprovado
Aa #791D46 sobre #D65B49 2,62:1 Reprovado
Aa #2B0D46 sobre #AD2340 2,48:1 Reprovado
Aa #D65B49 sobre #FAB269 2,13:1 Reprovado
Aa #060423 sobre #791D46 1,98:1 Reprovado
Aa #4C1A4E sobre #AD2340 1,98:1 Reprovado
Aa #0E0B38 sobre #791D46 1,85:1 Reprovado
Aa #AD2340 sobre #D65B49 1,76:1 Reprovado
Aa #2B0D46 sobre #791D46 1,66:1 Reprovado
Aa #D65B49 sobre #F28F61 1,63:1 Reprovado
Aa #060423 sobre #4C1A4E 1,49:1 Reprovado
Aa #791D46 sobre #AD2340 1,49:1 Reprovado
Aa #0E0B38 sobre #4C1A4E 1,39:1 Reprovado
Aa #4C1A4E sobre #791D46 1,33:1 Reprovado
Aa #F28F61 sobre #FAB269 1,31:1 Reprovado
Aa #2B0D46 sobre #4C1A4E 1,25:1 Reprovado
Aa #060423 sobre #2B0D46 1,19:1 Reprovado
Aa #0E0B38 sobre #2B0D46 1,11:1 Reprovado
Aa #060423 sobre #0E0B38 1,07:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores