Criar conta Criar conta
OrangeFall

OrangeFall

Paleta de 9 cores · Quente · Escura · Harmonia: Complementar

Voltar à biblioteca

OrangeFall

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Complementar

Editar
Vibrante 9 cores Quente Escura Complementar fall monoramp colors autumn
Curtidas 28
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #100820;
  --c-vibrant-2: #381038;
  --c-vibrant-3: #601840;
  --c-vibrant-4: #A01828;
  --c-vibrant-5: #D02020;
  --c-vibrant-6: #F85800;
  --c-vibrant-7: #F89800;
  --c-vibrant-8: #E8D028;
  --c-vibrant-9: #F0F8E0;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Lemon Sugar (#F0F8E0), o tom mais claro, até Tristesse (#100820), o mais escuro. Ela reúne Tristesse, Synallactida, Soul Anchor, Cut Ruby, Lionheart, Willpower Orange, Jack-O, Polliwog e Lemon Sugar em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #100820 sobre #F0F8E0, com 17,82: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

Tristesse #100820
RGB
rgb(16, 8, 32)
HSL
hsl(260, 60%, 8%)
Luminância
0,004
Synallactida #381038
RGB
rgb(56, 16, 56)
HSL
hsl(300, 56%, 14%)
Luminância
0,015
Soul Anchor #601840
RGB
rgb(96, 24, 64)
HSL
hsl(327, 60%, 24%)
Luminância
0,035
Cut Ruby #A01828
RGB
rgb(160, 24, 40)
HSL
hsl(353, 74%, 36%)
Luminância
0,083
Lionheart #D02020
RGB
rgb(208, 32, 32)
HSL
hsl(0, 73%, 47%)
Luminância
0,146
Willpower Orange #F85800
RGB
rgb(248, 88, 0)
HSL
hsl(21, 100%, 49%)
Luminância
0,269
Jack-O #F89800
RGB
rgb(248, 152, 0)
HSL
hsl(37, 100%, 49%)
Luminância
0,424
Polliwog #E8D028
RGB
rgb(232, 208, 40)
HSL
hsl(53, 81%, 53%)
Luminância
0,624
Lemon Sugar #F0F8E0
RGB
rgb(240, 248, 224)
HSL
hsl(80, 63%, 93%)
Luminância
0,910

Contraste e acessibilidade

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

Aa #100820 sobre #F0F8E0 17,82:1 AAA
Aa #381038 sobre #F0F8E0 14,78:1 AAA
Aa #100820 sobre #E8D028 12,51:1 AAA
Aa #601840 sobre #F0F8E0 11,29:1 AAA
Aa #381038 sobre #E8D028 10,38:1 AAA
Aa #100820 sobre #F89800 8,80:1 AAA
Aa #601840 sobre #E8D028 7,92:1 AAA
Aa #381038 sobre #F89800 7,30:1 AAA
Aa #A01828 sobre #F0F8E0 7,23:1 AAA
Aa #100820 sobre #F85800 5,93:1 AA
Aa #601840 sobre #F89800 5,57:1 AA
Aa #A01828 sobre #E8D028 5,08:1 AA
Aa #381038 sobre #F85800 4,92:1 AA
Aa #D02020 sobre #F0F8E0 4,91:1 AA
Aa #601840 sobre #F85800 3,75:1 AA, texto grande
Aa #100820 sobre #D02020 3,63:1 AA, texto grande
Aa #A01828 sobre #F89800 3,57:1 AA, texto grande
Aa #D02020 sobre #E8D028 3,45:1 AA, texto grande
Aa #381038 sobre #D02020 3,01:1 AA, texto grande
Aa #F85800 sobre #F0F8E0 3,01:1 AA, texto grande
Aa #100820 sobre #A01828 2,46:1 Reprovado
Aa #D02020 sobre #F89800 2,43:1 Reprovado
Aa #A01828 sobre #F85800 2,40:1 Reprovado
Aa #601840 sobre #D02020 2,30:1 Reprovado
Aa #F85800 sobre #E8D028 2,11:1 Reprovado
Aa #381038 sobre #A01828 2,04:1 Reprovado
Aa #F89800 sobre #F0F8E0 2,03:1 Reprovado
Aa #D02020 sobre #F85800 1,63:1 Reprovado
Aa #100820 sobre #601840 1,58:1 Reprovado
Aa #601840 sobre #A01828 1,56:1 Reprovado
Aa #F85800 sobre #F89800 1,48:1 Reprovado
Aa #A01828 sobre #D02020 1,47:1 Reprovado
Aa #F89800 sobre #E8D028 1,42:1 Reprovado
Aa #E8D028 sobre #F0F8E0 1,42:1 Reprovado
Aa #381038 sobre #601840 1,31:1 Reprovado
Aa #100820 sobre #381038 1,21: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