Esta paleta sóbria de 5 cores vai de Lime Flip (#D4E2CC), o tom mais claro, até Lost in Sadness (#17152E), o mais escuro. Ela reúne Lost in Sadness, Indian Teal, Summer Dragonfly, Lime Flip e Chin-Chin Cherry 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 é #17152E sobre #D4E2CC, com 13,14: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
Lost in Sadness#17152E
RGB
rgb(23, 21, 46)
HSL
hsl(245, 37%, 13%)
Luminância
0,009
Indian Teal#3C566C
RGB
rgb(60, 86, 108)
HSL
hsl(208, 29%, 33%)
Luminância
0,087
Summer Dragonfly#84AEA4
RGB
rgb(132, 174, 164)
HSL
hsl(166, 21%, 60%)
Luminância
0,379
Lime Flip#D4E2CC
RGB
rgb(212, 226, 204)
HSL
hsl(98, 28%, 84%)
Luminância
0,728
Chin-Chin Cherry#E43254
RGB
rgb(228, 50, 84)
HSL
hsl(349, 77%, 55%)
Luminância
0,194
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#17152E sobre #D4E2CC13,14:1AAA
Aa#17152E sobre #84AEA47,24:1AAA
Aa#3C566C sobre #D4E2CC5,68:1AA
Aa#17152E sobre #E432544,13:1AA, texto grande
Aa#D4E2CC sobre #E432543,18:1AA, texto grande
Aa#3C566C sobre #84AEA43,13:1AA, texto grande
Aa#17152E sobre #3C566C2,32:1Reprovado
Aa#84AEA4 sobre #D4E2CC1,81:1Reprovado
Aa#3C566C sobre #E432541,78:1Reprovado
Aa#84AEA4 sobre #E432541,76: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.