Esta paleta sóbria de 5 cores vai de Light Fresh Lime (#E1F7D1), o tom mais claro, até Creeping Death (#071820), o mais escuro. Ela reúne Creeping Death, Intense Green, Plantain Green, Laudable Lime e Light Fresh Lime em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #071820 sobre #E1F7D1, com 15,88: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
Creeping Death#071820
RGB
rgb(7, 24, 32)
HSL
hsl(199, 64%, 8%)
Luminância
0,008
Intense Green#14382C
RGB
rgb(20, 56, 44)
HSL
hsl(160, 47%, 15%)
Luminância
0,032
Plantain Green#336856
RGB
rgb(51, 104, 86)
HSL
hsl(160, 34%, 30%)
Luminância
0,113
Laudable Lime#86C073
RGB
rgb(134, 192, 115)
HSL
hsl(105, 38%, 60%)
Luminância
0,440
Light Fresh Lime#E1F7D1
RGB
rgb(225, 247, 209)
HSL
hsl(95, 70%, 89%)
Luminância
0,871
Contraste e acessibilidade
5 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#071820 sobre #E1F7D115,88:1AAA
Aa#14382C sobre #E1F7D111,29:1AAA
Aa#071820 sobre #86C0738,45:1AAA
Aa#14382C sobre #86C0736,01:1AA
Aa#336856 sobre #E1F7D15,66:1AA
Aa#336856 sobre #86C0733,01:1AA, texto grande
Aa#071820 sobre #3368562,80:1Reprovado
Aa#14382C sobre #3368561,99:1Reprovado
Aa#86C073 sobre #E1F7D11,88:1Reprovado
Aa#071820 sobre #14382C1,41:1Reprovado
Paletas semelhantes
#222831#393E46#00ADB5#EEEEEE
4 cores
#F9F7F7#DBE2EF#3F72AF#112D4E
4 cores
#1B262C#0F4C75#3282B8#BBE1FA
4 cores
#08D9D6#252A34#FF2E63#EAEAEA
4 cores
#27374D#526D82#9DB2BF#DDE6ED
4 cores
#364F6B#3FC1C9#F5F5F5#FC5185
4 cores
#E4F9F5#30E3CA#11999E#40514E
4 cores
#F0F5F9#C9D6DF#52616B#1E2022
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.