Esta paleta vibrante de 5 cores vai de Subtle Sunshine (#E6D996), o tom mais claro, até Floppy Disk (#170443), o mais escuro. Ela reúne Floppy Disk, Dirty Blue, Diroset, Dylan Velvet e Subtle Sunshine em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #170443 sobre #E6D996, com 12,98: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
Floppy Disk#170443
RGB
rgb(23, 4, 67)
HSL
hsl(258, 89%, 14%)
Luminância
0,007
Dirty Blue#3685A1
RGB
rgb(54, 133, 161)
HSL
hsl(196, 50%, 42%)
Luminância
0,201
Diroset#5FC79F
RGB
rgb(95, 199, 159)
HSL
hsl(157, 48%, 58%)
Luminância
0,458
Dylan Velvet#D6AE69
RGB
rgb(214, 174, 105)
HSL
hsl(38, 57%, 63%)
Luminância
0,456
Subtle Sunshine#E6D996
RGB
rgb(230, 217, 150)
HSL
hsl(50, 62%, 75%)
Luminância
0,687
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#170443 sobre #E6D99612,98:1AAA
Aa#170443 sobre #5FC79F8,95:1AAA
Aa#170443 sobre #D6AE698,92:1AAA
Aa#170443 sobre #3685A14,43:1AA, texto grande
Aa#3685A1 sobre #E6D9962,93:1Reprovado
Aa#3685A1 sobre #5FC79F2,02:1Reprovado
Aa#3685A1 sobre #D6AE692,01:1Reprovado
Aa#D6AE69 sobre #E6D9961,46:1Reprovado
Aa#5FC79F sobre #E6D9961,45:1Reprovado
Aa#5FC79F sobre #D6AE691,00:1Reprovado
Paletas semelhantes
#EDF1D6#9DC08B#609966#40513B
4 cores
#F5F7F8#F4CE14#495E57#45474B
4 cores
#222831#393E46#FFD369#EEEEEE
4 cores
#000000#52057B#892CDC#BC6FF1
4 cores
#213555#3E5879#D8C4B6#F5EFE7
4 cores
#F5EFE7#D8C4B6#4F709C#213555
4 cores
#191A19#1E5128#4E9F3D#D8E9A8
4 cores
#352F44#5C5470#B9B4C7#FAF0E6
4 cores
Paleta
Ajude-nos a melhorar
Encontrou um bug? Tem uma ideia?
O Jinero está em desenvolvimento ativo. Se algo estiver quebrado ou funcionando de um jeito estranho, nos avise. Se você sente falta de alguma ferramenta ou recurso, conte também. Lemos todas as mensagens, e elas definem diretamente o que vamos criar a seguir.