Infinite Night
#050C36
HK Pillbug Beach Party
Paleta de 10 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga
Curtidas
43
Cores
10
Variáveis CSS
:root {
--c-muted-1: #050C36;
--c-muted-2: #202D53;
--c-muted-3: #41567E;
--c-muted-4: #5A617C;
--c-muted-5: #7A98B2;
--c-muted-6: #98B3B9;
--c-muted-7: #AD9FAC;
--c-muted-8: #878DA5;
--c-muted-9: #4F556A;
--c-muted-10: #282B37;
}Sobre esta paleta
Esta paleta sóbria de 10 cores vai de Mohair Soft Blue Grey (#98B3B9), o tom mais claro, até Infinite Night (#050C36), o mais escuro. Ela reúne Infinite Night, Pico Void, Sailor, Strong Iris, Dyer’s Woad, Mohair Soft Blue Grey, Symbolic, Violet Verbena, Heavy Violet e Mangu Black em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #050C36 sobre #98B3B9, com 8,53: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
Pico Void
#202D53
Sailor
#41567E
Strong Iris
#5A617C
Dyer’s Woad
#7A98B2
Mohair Soft Blue Grey
#98B3B9
Symbolic
#AD9FAC
Violet Verbena
#878DA5
Heavy Violet
#4F556A
Mangu Black
#282B37
Contraste e acessibilidade
9 de 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa
#050C36 sobre #98B3B9
8,53:1
AAA
Aa
#050C36 sobre #AD9FAC
7,49:1
AAA
Aa
#98B3B9 sobre #282B37
6,36:1
AA
Aa
#050C36 sobre #7A98B2
6,26:1
AA
Aa
#202D53 sobre #98B3B9
6,07:1
AA
Aa
#050C36 sobre #878DA5
5,74:1
AA
Aa
#AD9FAC sobre #282B37
5,59:1
AA
Aa
#202D53 sobre #AD9FAC
5,34:1
AA
Aa
#7A98B2 sobre #282B37
4,67:1
AA
Aa
#202D53 sobre #7A98B2
4,46:1
AA, texto grande
Aa
#878DA5 sobre #282B37
4,28:1
AA, texto grande
Aa
#202D53 sobre #878DA5
4,09:1
AA, texto grande
Aa
#98B3B9 sobre #4F556A
3,34:1
AA, texto grande
Aa
#41567E sobre #98B3B9
3,32:1
AA, texto grande
Aa
#050C36 sobre #5A617C
3,09:1
AA, texto grande
Aa
#AD9FAC sobre #4F556A
2,93:1
Reprovado
Aa
#41567E sobre #AD9FAC
2,92:1
Reprovado
Aa
#5A617C sobre #98B3B9
2,76:1
Reprovado
Aa
#050C36 sobre #41567E
2,57:1
Reprovado
Aa
#050C36 sobre #4F556A
2,55:1
Reprovado
Aa
#7A98B2 sobre #4F556A
2,45:1
Reprovado
Aa
#41567E sobre #7A98B2
2,44:1
Reprovado
Aa
#5A617C sobre #AD9FAC
2,43:1
Reprovado
Aa
#5A617C sobre #282B37
2,30:1
Reprovado
Aa
#878DA5 sobre #4F556A
2,25:1
Reprovado
Aa
#41567E sobre #878DA5
2,23:1
Reprovado
Aa
#202D53 sobre #5A617C
2,20:1
Reprovado
Aa
#5A617C sobre #7A98B2
2,03:1
Reprovado
Aa
#41567E sobre #282B37
1,92:1
Reprovado
Aa
#4F556A sobre #282B37
1,90:1
Reprovado
Aa
#5A617C sobre #878DA5
1,86:1
Reprovado
Aa
#202D53 sobre #41567E
1,83:1
Reprovado
Aa
#202D53 sobre #4F556A
1,82:1
Reprovado
Aa
#98B3B9 sobre #878DA5
1,49:1
Reprovado
Aa
#050C36 sobre #202D53
1,40:1
Reprovado
Aa
#7A98B2 sobre #98B3B9
1,36:1
Reprovado
Aa
#050C36 sobre #282B37
1,34:1
Reprovado
Aa
#AD9FAC sobre #878DA5
1,31:1
Reprovado
Aa
#5A617C sobre #4F556A
1,21:1
Reprovado
Aa
#41567E sobre #5A617C
1,20:1
Reprovado
Aa
#7A98B2 sobre #AD9FAC
1,20:1
Reprovado
Aa
#98B3B9 sobre #AD9FAC
1,14:1
Reprovado
Aa
#7A98B2 sobre #878DA5
1,09:1
Reprovado
Aa
#202D53 sobre #282B37
1,05:1
Reprovado
Aa
#41567E sobre #4F556A
1,01:1
Reprovado
Paletas semelhantes
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022