Esta paleta sóbria de 5 cores vai de Mint Coffee (#CFFFE6), o tom mais claro, até Sporting Green (#444B47), o mais escuro. Ela reúne Sporting Green, Mt Burleigh, Parisian Patina, Misty Morning e Mint Coffee 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 é #444B47 sobre #CFFFE6, com 8,15: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
Sporting Green#444B47
RGB
rgb(68, 75, 71)
HSL
hsl(146, 5%, 28%)
Luminância
0,067
Mt Burleigh#5A7667
RGB
rgb(90, 118, 103)
HSL
hsl(148, 13%, 41%)
Luminância
0,161
Parisian Patina#7D9A8B
RGB
rgb(125, 154, 139)
HSL
hsl(149, 13%, 55%)
Luminância
0,293
Misty Morning#B3C7BC
RGB
rgb(179, 199, 188)
HSL
hsl(147, 15%, 74%)
Luminância
0,541
Mint Coffee#CFFFE6
RGB
rgb(207, 255, 230)
HSL
hsl(149, 100%, 91%)
Luminância
0,905
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#444B47 sobre #CFFFE68,15:1AAA
Aa#444B47 sobre #B3C7BC5,04:1AA
Aa#5A7667 sobre #CFFFE64,52:1AA
Aa#444B47 sobre #7D9A8B2,93:1Reprovado
Aa#5A7667 sobre #B3C7BC2,80:1Reprovado
Aa#7D9A8B sobre #CFFFE62,78:1Reprovado
Aa#444B47 sobre #5A76671,80:1Reprovado
Aa#7D9A8B sobre #B3C7BC1,72:1Reprovado
Aa#5A7667 sobre #7D9A8B1,63:1Reprovado
Aa#B3C7BC sobre #CFFFE61,62: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.