Purple Void
#451A45
Warm Spring Sunset
Paleta de 10 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar
Curtidas
8
Cores
10
Variáveis CSS
:root {
--c-vibrant-1: #451A45;
--c-vibrant-2: #7D2B57;
--c-vibrant-3: #ED5A5A;
--c-vibrant-4: #FFF4C7;
--c-vibrant-5: #FF8A65;
--c-vibrant-6: #FFC9A3;
--c-vibrant-7: #050E24;
--c-vibrant-8: #115C23;
--c-vibrant-9: #13381C;
--c-vibrant-10: #0D2B14;
}Sobre esta paleta
Esta paleta vibrante de 10 cores vai de Butterball (#FFF4C7), o tom mais claro, até Void (#050E24), o mais escuro. Ela reúne Purple Void, Magenta Purple, Khmer Curry, Butterball, Protein High, Polly, Void, Woodland Wonder, Phthalo Green e Nori Green em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFF4C7 sobre #050E24, com 17,37: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
Magenta Purple
#7D2B57
Khmer Curry
#ED5A5A
Butterball
#FFF4C7
Protein High
#FF8A65
Polly
#FFC9A3
Void
#050E24
Woodland Wonder
#115C23
Phthalo Green
#13381C
Nori Green
#0D2B14
Contraste e acessibilidade
18 de 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa
#FFF4C7 sobre #050E24
17,37:1
AAA
Aa
#FFF4C7 sobre #0D2B14
13,85:1
AAA
Aa
#FFC9A3 sobre #050E24
12,91:1
AAA
Aa
#451A45 sobre #FFF4C7
12,79:1
AAA
Aa
#FFF4C7 sobre #13381C
11,81:1
AAA
Aa
#FFC9A3 sobre #0D2B14
10,30:1
AAA
Aa
#451A45 sobre #FFC9A3
9,51:1
AAA
Aa
#FFC9A3 sobre #13381C
8,78:1
AAA
Aa
#FF8A65 sobre #050E24
8,29:1
AAA
Aa
#7D2B57 sobre #FFF4C7
8,07:1
AAA
Aa
#FFF4C7 sobre #115C23
7,37:1
AAA
Aa
#FF8A65 sobre #0D2B14
6,61:1
AA
Aa
#451A45 sobre #FF8A65
6,10:1
AA
Aa
#7D2B57 sobre #FFC9A3
6,00:1
AA
Aa
#ED5A5A sobre #050E24
5,67:1
AA
Aa
#FF8A65 sobre #13381C
5,64:1
AA
Aa
#FFC9A3 sobre #115C23
5,48:1
AA
Aa
#ED5A5A sobre #0D2B14
4,52:1
AA
Aa
#451A45 sobre #ED5A5A
4,18:1
AA, texto grande
Aa
#ED5A5A sobre #13381C
3,86:1
AA, texto grande
Aa
#7D2B57 sobre #FF8A65
3,85:1
AA, texto grande
Aa
#FF8A65 sobre #115C23
3,52:1
AA, texto grande
Aa
#ED5A5A sobre #FFF4C7
3,06:1
AA, texto grande
Aa
#7D2B57 sobre #ED5A5A
2,64:1
Reprovado
Aa
#ED5A5A sobre #115C23
2,41:1
Reprovado
Aa
#050E24 sobre #115C23
2,36:1
Reprovado
Aa
#ED5A5A sobre #FFC9A3
2,28:1
Reprovado
Aa
#7D2B57 sobre #050E24
2,15:1
Reprovado
Aa
#FFF4C7 sobre #FF8A65
2,10:1
Reprovado
Aa
#115C23 sobre #0D2B14
1,88:1
Reprovado
Aa
#451A45 sobre #115C23
1,73:1
Reprovado
Aa
#7D2B57 sobre #0D2B14
1,72:1
Reprovado
Aa
#115C23 sobre #13381C
1,60:1
Reprovado
Aa
#451A45 sobre #7D2B57
1,58:1
Reprovado
Aa
#FF8A65 sobre #FFC9A3
1,56:1
Reprovado
Aa
#050E24 sobre #13381C
1,47:1
Reprovado
Aa
#7D2B57 sobre #13381C
1,46:1
Reprovado
Aa
#ED5A5A sobre #FF8A65
1,46:1
Reprovado
Aa
#451A45 sobre #050E24
1,36:1
Reprovado
Aa
#FFF4C7 sobre #FFC9A3
1,35:1
Reprovado
Aa
#050E24 sobre #0D2B14
1,25:1
Reprovado
Aa
#13381C sobre #0D2B14
1,17:1
Reprovado
Aa
#7D2B57 sobre #115C23
1,10:1
Reprovado
Aa
#451A45 sobre #13381C
1,08:1
Reprovado
Aa
#451A45 sobre #0D2B14
1,08:1
Reprovado
Paletas semelhantes
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50