Criar conta Criar conta
Autumn Fire 12

Autumn Fire 12

Paleta de 12 cores · Quente · Escura · Harmonia: Monocromática

Voltar à biblioteca

Autumn Fire 12

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Monocromática

Editar
Vibrante 12 cores Quente Escura Monocromática fall red warm autumn
Curtidas 70
Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #5E0808;
  --c-vibrant-2: #8F1313;
  --c-vibrant-3: #D93838;
  --c-vibrant-4: #290C07;
  --c-vibrant-5: #4D1912;
  --c-vibrant-6: #753128;
  --c-vibrant-7: #9C2700;
  --c-vibrant-8: #D1491B;
  --c-vibrant-9: #F76C3E;
  --c-vibrant-10: #5C282E;
  --c-vibrant-11: #8F4F56;
  --c-vibrant-12: #BD777F;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Chinese Orange (#F76C3E), o tom mais claro, até Root Brew (#290C07), o mais escuro. Ela reúne Vampire Hunter, Jack and Coke, Jasper, Root Brew, Barbecue Sauce, Brandy Brown, Smoking Red, Underpass Shrine, Chinese Orange, Kuwazome Red, Rialto e Rosily em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #290C07 sobre #F76C3E, com 6,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

Vampire Hunter #5E0808
RGB
rgb(94, 8, 8)
HSL
hsl(0, 84%, 20%)
Luminância
0,026
Jack and Coke #8F1313
RGB
rgb(143, 19, 19)
HSL
hsl(0, 77%, 32%)
Luminância
0,064
Jasper #D93838
RGB
rgb(217, 56, 56)
HSL
hsl(0, 68%, 54%)
Luminância
0,179
Root Brew #290C07
RGB
rgb(41, 12, 7)
HSL
hsl(9, 71%, 9%)
Luminância
0,008
Barbecue Sauce #4D1912
RGB
rgb(77, 25, 18)
HSL
hsl(7, 62%, 19%)
Luminância
0,023
Brandy Brown #753128
RGB
rgb(117, 49, 40)
HSL
hsl(7, 49%, 31%)
Luminância
0,061
Smoking Red #9C2700
RGB
rgb(156, 39, 0)
HSL
hsl(15, 100%, 31%)
Luminância
0,085
Underpass Shrine #D1491B
RGB
rgb(209, 73, 27)
HSL
hsl(15, 77%, 46%)
Luminância
0,184
Chinese Orange #F76C3E
RGB
rgb(247, 108, 62)
HSL
hsl(15, 92%, 61%)
Luminância
0,309
Kuwazome Red #5C282E
RGB
rgb(92, 40, 46)
HSL
hsl(353, 39%, 26%)
Luminância
0,040
Rialto #8F4F56
RGB
rgb(143, 79, 86)
HSL
hsl(353, 29%, 44%)
Luminância
0,121
Rosily #BD777F
RGB
rgb(189, 119, 127)
HSL
hsl(353, 35%, 60%)
Luminância
0,255

Contraste e acessibilidade

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

Aa #290C07 sobre #F76C3E 6,23:1 AA
Aa #290C07 sobre #BD777F 5,31:1 AA
Aa #4D1912 sobre #F76C3E 4,90:1 AA
Aa #5E0808 sobre #F76C3E 4,73:1 AA
Aa #4D1912 sobre #BD777F 4,17:1 AA, texto grande
Aa #290C07 sobre #D1491B 4,07:1 AA, texto grande
Aa #5E0808 sobre #BD777F 4,03:1 AA, texto grande
Aa #F76C3E sobre #5C282E 3,99:1 AA, texto grande
Aa #D93838 sobre #290C07 3,98:1 AA, texto grande
Aa #5C282E sobre #BD777F 3,40:1 AA, texto grande
Aa #753128 sobre #F76C3E 3,22:1 AA, texto grande
Aa #4D1912 sobre #D1491B 3,20:1 AA, texto grande
Aa #8F1313 sobre #F76C3E 3,16:1 AA, texto grande
Aa #D93838 sobre #4D1912 3,13:1 AA, texto grande
Aa #5E0808 sobre #D1491B 3,09:1 AA, texto grande
Aa #5E0808 sobre #D93838 3,02:1 AA, texto grande
Aa #290C07 sobre #8F4F56 2,97:1 Reprovado
Aa #753128 sobre #BD777F 2,74:1 Reprovado
Aa #8F1313 sobre #BD777F 2,69:1 Reprovado
Aa #9C2700 sobre #F76C3E 2,65:1 Reprovado
Aa #D1491B sobre #5C282E 2,60:1 Reprovado
Aa #D93838 sobre #5C282E 2,54:1 Reprovado
Aa #290C07 sobre #9C2700 2,35:1 Reprovado
Aa #4D1912 sobre #8F4F56 2,34:1 Reprovado
Aa #5E0808 sobre #8F4F56 2,26:1 Reprovado
Aa #9C2700 sobre #BD777F 2,26:1 Reprovado
Aa #753128 sobre #D1491B 2,10:1 Reprovado
Aa #F76C3E sobre #8F4F56 2,10:1 Reprovado
Aa #8F1313 sobre #D1491B 2,06:1 Reprovado
Aa #D93838 sobre #753128 2,05:1 Reprovado
Aa #8F1313 sobre #D93838 2,01:1 Reprovado
Aa #8F1313 sobre #290C07 1,97:1 Reprovado
Aa #290C07 sobre #753128 1,94:1 Reprovado
Aa #5C282E sobre #8F4F56 1,90:1 Reprovado
Aa #4D1912 sobre #9C2700 1,85:1 Reprovado
Aa #5E0808 sobre #9C2700 1,79:1 Reprovado
Aa #8F4F56 sobre #BD777F 1,79:1 Reprovado
Aa #9C2700 sobre #D1491B 1,73:1 Reprovado
Aa #D93838 sobre #9C2700 1,69:1 Reprovado
Aa #D93838 sobre #F76C3E 1,57:1 Reprovado
Aa #290C07 sobre #5C282E 1,56:1 Reprovado
Aa #8F1313 sobre #4D1912 1,55:1 Reprovado
Aa #753128 sobre #8F4F56 1,54:1 Reprovado
Aa #D1491B sobre #F76C3E 1,53:1 Reprovado
Aa #4D1912 sobre #753128 1,52:1 Reprovado
Aa #8F1313 sobre #8F4F56 1,51:1 Reprovado
Aa #5E0808 sobre #8F1313 1,50:1 Reprovado
Aa #9C2700 sobre #5C282E 1,50:1 Reprovado
Aa #5E0808 sobre #753128 1,47:1 Reprovado
Aa #D1491B sobre #8F4F56 1,37:1 Reprovado
Aa #D93838 sobre #8F4F56 1,34:1 Reprovado
Aa #D93838 sobre #BD777F 1,34:1 Reprovado
Aa #5E0808 sobre #290C07 1,32:1 Reprovado
Aa #D1491B sobre #BD777F 1,31:1 Reprovado
Aa #290C07 sobre #4D1912 1,27:1 Reprovado
Aa #9C2700 sobre #8F4F56 1,27:1 Reprovado
Aa #8F1313 sobre #5C282E 1,26:1 Reprovado
Aa #753128 sobre #5C282E 1,24:1 Reprovado
Aa #4D1912 sobre #5C282E 1,23:1 Reprovado
Aa #753128 sobre #9C2700 1,21:1 Reprovado
Aa #5E0808 sobre #5C282E 1,19:1 Reprovado
Aa #8F1313 sobre #9C2700 1,19:1 Reprovado
Aa #F76C3E sobre #BD777F 1,17:1 Reprovado
Aa #5E0808 sobre #4D1912 1,03:1 Reprovado
Aa #8F1313 sobre #753128 1,02:1 Reprovado
Aa #D93838 sobre #D1491B 1,02: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