Spade Black
#414042
Sketch Heads Palette
Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar
Curtidas
8
Cores
11
Variáveis CSS
:root {
--c-vibrant-1: #414042;
--c-vibrant-2: #FF675F;
--c-vibrant-3: #A97C50;
--c-vibrant-4: #FF8939;
--c-vibrant-5: #F9ED32;
--c-vibrant-6: #64BF28;
--c-vibrant-7: #30D8D8;
--c-vibrant-8: #27AAE1;
--c-vibrant-9: #6D51F4;
--c-vibrant-10: #EE8AFF;
--c-vibrant-11: #FFFFFF;
}Sobre esta paleta
Esta paleta vibrante de 11 cores vai de White (#FFFFFF), o tom mais claro, até Spade Black (#414042), o mais escuro. Ela reúne Spade Black, Pastel Red, French Beige, Kanzō Orange, Yellow-Bellied, Zunda Green, Turquoise Panic, Royal Peacock, Candy Grape Fizz, Give Me Your Love e White em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #414042 sobre #FFFFFF, com 10,31: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
Pastel Red
#FF675F
French Beige
#A97C50
Kanzō Orange
#FF8939
Yellow-Bellied
#F9ED32
Zunda Green
#64BF28
Turquoise Panic
#30D8D8
Royal Peacock
#27AAE1
Candy Grape Fizz
#6D51F4
Give Me Your Love
#EE8AFF
White
#FFFFFF
Contraste e acessibilidade
5 de 55 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa
#414042 sobre #FFFFFF
10,31:1
AAA
Aa
#414042 sobre #F9ED32
8,44:1
AAA
Aa
#414042 sobre #30D8D8
5,86:1
AA
Aa
#6D51F4 sobre #FFFFFF
5,08:1
AA
Aa
#414042 sobre #EE8AFF
4,77:1
AA
Aa
#414042 sobre #64BF28
4,43:1
AA, texto grande
Aa
#414042 sobre #FF8939
4,36:1
AA, texto grande
Aa
#F9ED32 sobre #6D51F4
4,16:1
AA, texto grande
Aa
#414042 sobre #27AAE1
3,89:1
AA, texto grande
Aa
#A97C50 sobre #FFFFFF
3,69:1
AA, texto grande
Aa
#414042 sobre #FF675F
3,61:1
AA, texto grande
Aa
#A97C50 sobre #F9ED32
3,02:1
AA, texto grande
Aa
#30D8D8 sobre #6D51F4
2,89:1
Reprovado
Aa
#FF675F sobre #FFFFFF
2,85:1
Reprovado
Aa
#414042 sobre #A97C50
2,79:1
Reprovado
Aa
#27AAE1 sobre #FFFFFF
2,65:1
Reprovado
Aa
#FF8939 sobre #FFFFFF
2,36:1
Reprovado
Aa
#6D51F4 sobre #EE8AFF
2,35:1
Reprovado
Aa
#FF675F sobre #F9ED32
2,34:1
Reprovado
Aa
#64BF28 sobre #FFFFFF
2,33:1
Reprovado
Aa
#64BF28 sobre #6D51F4
2,18:1
Reprovado
Aa
#F9ED32 sobre #27AAE1
2,17:1
Reprovado
Aa
#EE8AFF sobre #FFFFFF
2,16:1
Reprovado
Aa
#FF8939 sobre #6D51F4
2,15:1
Reprovado
Aa
#A97C50 sobre #30D8D8
2,10:1
Reprovado
Aa
#414042 sobre #6D51F4
2,03:1
Reprovado
Aa
#FF8939 sobre #F9ED32
1,93:1
Reprovado
Aa
#27AAE1 sobre #6D51F4
1,92:1
Reprovado
Aa
#F9ED32 sobre #64BF28
1,90:1
Reprovado
Aa
#FF675F sobre #6D51F4
1,78:1
Reprovado
Aa
#F9ED32 sobre #EE8AFF
1,77:1
Reprovado
Aa
#30D8D8 sobre #FFFFFF
1,76:1
Reprovado
Aa
#A97C50 sobre #EE8AFF
1,71:1
Reprovado
Aa
#FF675F sobre #30D8D8
1,62:1
Reprovado
Aa
#A97C50 sobre #64BF28
1,59:1
Reprovado
Aa
#A97C50 sobre #FF8939
1,56:1
Reprovado
Aa
#30D8D8 sobre #27AAE1
1,51:1
Reprovado
Aa
#F9ED32 sobre #30D8D8
1,44:1
Reprovado
Aa
#A97C50 sobre #27AAE1
1,39:1
Reprovado
Aa
#A97C50 sobre #6D51F4
1,38:1
Reprovado
Aa
#FF8939 sobre #30D8D8
1,34:1
Reprovado
Aa
#FF675F sobre #EE8AFF
1,32:1
Reprovado
Aa
#64BF28 sobre #30D8D8
1,32:1
Reprovado
Aa
#FF675F sobre #A97C50
1,29:1
Reprovado
Aa
#FF675F sobre #64BF28
1,23:1
Reprovado
Aa
#30D8D8 sobre #EE8AFF
1,23:1
Reprovado
Aa
#27AAE1 sobre #EE8AFF
1,23:1
Reprovado
Aa
#F9ED32 sobre #FFFFFF
1,22:1
Reprovado
Aa
#FF675F sobre #FF8939
1,21:1
Reprovado
Aa
#64BF28 sobre #27AAE1
1,14:1
Reprovado
Aa
#FF8939 sobre #27AAE1
1,12:1
Reprovado
Aa
#FF8939 sobre #EE8AFF
1,09:1
Reprovado
Aa
#FF675F sobre #27AAE1
1,08:1
Reprovado
Aa
#64BF28 sobre #EE8AFF
1,08:1
Reprovado
Aa
#FF8939 sobre #64BF28
1,02: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