Criar conta Criar conta
The Last Autumn

The Last Autumn

Paleta de 7 cores · Quente · Escura · Harmonia: Análoga

Voltar à biblioteca

The Last Autumn

Paleta de 7 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Análoga

Editar
Vibrante 7 cores Quente Escura Análoga fall autumn saturated nature
Curtidas 41
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #CBB917;
  --c-vibrant-2: #CBA017;
  --c-vibrant-3: #BA7015;
  --c-vibrant-4: #9F4312;
  --c-vibrant-5: #801E0F;
  --c-vibrant-6: #5A080E;
  --c-vibrant-7: #390C05;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de Bird Flower (#CBB917), o tom mais claro, até Red Bean (#390C05), o mais escuro. Ela reúne Bird Flower, Australien, Sweet Mulled Cider, Powdered Coffee, Doombull Brown, Vampiric Council e Red Bean em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #CBB917 sobre #390C05, com 8,54: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

Bird Flower #CBB917
RGB
rgb(203, 185, 23)
HSL
hsl(54, 80%, 44%)
Luminância
0,475
Australien #CBA017
RGB
rgb(203, 160, 23)
HSL
hsl(46, 80%, 44%)
Luminância
0,379
Sweet Mulled Cider #BA7015
RGB
rgb(186, 112, 21)
HSL
hsl(33, 80%, 41%)
Luminância
0,221
Powdered Coffee #9F4312
RGB
rgb(159, 67, 18)
HSL
hsl(21, 80%, 35%)
Luminância
0,114
Doombull Brown #801E0F
RGB
rgb(128, 30, 15)
HSL
hsl(8, 79%, 28%)
Luminância
0,056
Vampiric Council #5A080E
RGB
rgb(90, 8, 14)
HSL
hsl(356, 84%, 19%)
Luminância
0,024
Red Bean #390C05
RGB
rgb(57, 12, 5)
HSL
hsl(8, 84%, 12%)
Luminância
0,011

Contraste e acessibilidade

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

Aa #CBB917 sobre #390C05 8,54:1 AAA
Aa #CBB917 sobre #5A080E 7,11:1 AAA
Aa #CBA017 sobre #390C05 6,98:1 AA
Aa #CBA017 sobre #5A080E 5,81:1 AA
Aa #CBB917 sobre #801E0F 4,97:1 AA
Aa #BA7015 sobre #390C05 4,41:1 AA, texto grande
Aa #CBA017 sobre #801E0F 4,07:1 AA, texto grande
Aa #BA7015 sobre #5A080E 3,67:1 AA, texto grande
Aa #CBB917 sobre #9F4312 3,19:1 AA, texto grande
Aa #9F4312 sobre #390C05 2,67:1 Reprovado
Aa #CBA017 sobre #9F4312 2,61:1 Reprovado
Aa #BA7015 sobre #801E0F 2,57:1 Reprovado
Aa #9F4312 sobre #5A080E 2,23:1 Reprovado
Aa #CBB917 sobre #BA7015 1,94:1 Reprovado
Aa #801E0F sobre #390C05 1,72:1 Reprovado
Aa #BA7015 sobre #9F4312 1,65:1 Reprovado
Aa #CBA017 sobre #BA7015 1,58:1 Reprovado
Aa #9F4312 sobre #801E0F 1,56:1 Reprovado
Aa #801E0F sobre #5A080E 1,43:1 Reprovado
Aa #CBB917 sobre #CBA017 1,22:1 Reprovado
Aa #5A080E sobre #390C05 1,20: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