Mangu Black
#282A36
Dracula Standard
Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar
Curtidas
19
Cores
11
Variáveis CSS
:root {
--c-earthy-1: #282A36;
--c-earthy-2: #44475A;
--c-earthy-3: #6272A4;
--c-earthy-4: #F8F8F2;
--c-earthy-5: #FF5555;
--c-earthy-6: #FFB86C;
--c-earthy-7: #F1FA8C;
--c-earthy-8: #50FA7B;
--c-earthy-9: #8BE9FD;
--c-earthy-10: #BD93F9;
--c-earthy-11: #FF79C6;
}Sobre esta paleta
Esta paleta terrosa de 11 cores vai de Pure White (#F8F8F2), o tom mais claro, até Mangu Black (#282A36), o mais escuro. Ela reúne Mangu Black, Pit Stop, Dormitory, Pure White, Fluorescent Red, Desert Dessert, Tidal, Experimintal Green, Photon Projector, Liliac e Pink Plastic Fantastic em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 13 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #282A36 sobre #F8F8F2, com 13,36:1.
Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.
Análise das cores
Pit Stop
#44475A
Dormitory
#6272A4
Pure White
#F8F8F2
Fluorescent Red
#FF5555
Desert Dessert
#FFB86C
Tidal
#F1FA8C
Experimintal Green
#50FA7B
Photon Projector
#8BE9FD
Liliac
#BD93F9
Pink Plastic Fantastic
#FF79C6
Contraste e acessibilidade
13 de 55 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa
#282A36 sobre #F8F8F2
13,36:1
AAA
Aa
#282A36 sobre #F1FA8C
12,74:1
AAA
Aa
#282A36 sobre #50FA7B
10,38:1
AAA
Aa
#282A36 sobre #8BE9FD
10,29:1
AAA
Aa
#44475A sobre #F8F8F2
8,59:1
AAA
Aa
#282A36 sobre #FFB86C
8,36:1
AAA
Aa
#44475A sobre #F1FA8C
8,19:1
AAA
Aa
#44475A sobre #50FA7B
6,67:1
AA
Aa
#44475A sobre #8BE9FD
6,61:1
AA
Aa
#282A36 sobre #FF79C6
5,97:1
AA
Aa
#282A36 sobre #BD93F9
5,90:1
AA
Aa
#44475A sobre #FFB86C
5,37:1
AA
Aa
#282A36 sobre #FF5555
4,53:1
AA
Aa
#6272A4 sobre #F8F8F2
4,41:1
AA, texto grande
Aa
#6272A4 sobre #F1FA8C
4,21:1
AA, texto grande
Aa
#44475A sobre #FF79C6
3,84:1
AA, texto grande
Aa
#44475A sobre #BD93F9
3,79:1
AA, texto grande
Aa
#6272A4 sobre #50FA7B
3,43:1
AA, texto grande
Aa
#6272A4 sobre #8BE9FD
3,40:1
AA, texto grande
Aa
#282A36 sobre #6272A4
3,03:1
AA, texto grande
Aa
#F8F8F2 sobre #FF5555
2,95:1
Reprovado
Aa
#44475A sobre #FF5555
2,91:1
Reprovado
Aa
#FF5555 sobre #F1FA8C
2,81:1
Reprovado
Aa
#6272A4 sobre #FFB86C
2,76:1
Reprovado
Aa
#FF5555 sobre #50FA7B
2,29:1
Reprovado
Aa
#FF5555 sobre #8BE9FD
2,27:1
Reprovado
Aa
#F8F8F2 sobre #BD93F9
2,26:1
Reprovado
Aa
#F8F8F2 sobre #FF79C6
2,24:1
Reprovado
Aa
#F1FA8C sobre #BD93F9
2,16:1
Reprovado
Aa
#F1FA8C sobre #FF79C6
2,13:1
Reprovado
Aa
#6272A4 sobre #FF79C6
1,97:1
Reprovado
Aa
#6272A4 sobre #BD93F9
1,95:1
Reprovado
Aa
#44475A sobre #6272A4
1,94:1
Reprovado
Aa
#FF5555 sobre #FFB86C
1,84:1
Reprovado
Aa
#50FA7B sobre #BD93F9
1,76:1
Reprovado
Aa
#50FA7B sobre #FF79C6
1,74:1
Reprovado
Aa
#8BE9FD sobre #BD93F9
1,74:1
Reprovado
Aa
#8BE9FD sobre #FF79C6
1,72:1
Reprovado
Aa
#F8F8F2 sobre #FFB86C
1,60:1
Reprovado
Aa
#282A36 sobre #44475A
1,56:1
Reprovado
Aa
#FFB86C sobre #F1FA8C
1,52:1
Reprovado
Aa
#6272A4 sobre #FF5555
1,50:1
Reprovado
Aa
#FFB86C sobre #BD93F9
1,42:1
Reprovado
Aa
#FFB86C sobre #FF79C6
1,40:1
Reprovado
Aa
#FF5555 sobre #FF79C6
1,32:1
Reprovado
Aa
#F8F8F2 sobre #8BE9FD
1,30:1
Reprovado
Aa
#FF5555 sobre #BD93F9
1,30:1
Reprovado
Aa
#F8F8F2 sobre #50FA7B
1,29:1
Reprovado
Aa
#FFB86C sobre #50FA7B
1,24:1
Reprovado
Aa
#F1FA8C sobre #8BE9FD
1,24:1
Reprovado
Aa
#FFB86C sobre #8BE9FD
1,23:1
Reprovado
Aa
#F1FA8C sobre #50FA7B
1,23:1
Reprovado
Aa
#F8F8F2 sobre #F1FA8C
1,05:1
Reprovado
Aa
#50FA7B sobre #8BE9FD
1,01:1
Reprovado
Aa
#BD93F9 sobre #FF79C6
1,01: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