Esta paleta vibrante de 5 cores vai de Precious Dewdrop (#F6F4E4), o tom mais claro, até Hadopelagic Water (#02031F), o mais escuro. Ela reúne Precious Dewdrop, Polliwog, Minestrone, Migol Blue e Hadopelagic Water 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 é #F6F4E4 sobre #02031F, com 18,33: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
Precious Dewdrop#F6F4E4
RGB
rgb(246, 244, 228)
HSL
hsl(53, 50%, 93%)
Luminância
0,899
Polliwog#E5CF2B
RGB
rgb(229, 207, 43)
HSL
hsl(53, 78%, 53%)
Luminância
0,615
Minestrone#C72515
RGB
rgb(199, 37, 21)
HSL
hsl(5, 81%, 43%)
Luminância
0,135
Migol Blue#2E3282
RGB
rgb(46, 50, 130)
HSL
hsl(237, 48%, 35%)
Luminância
0,045
Hadopelagic Water#02031F
RGB
rgb(2, 3, 31)
HSL
hsl(238, 88%, 6%)
Luminância
0,002
Contraste e acessibilidade
5 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#F6F4E4 sobre #02031F18,33:1AAA
Aa#E5CF2B sobre #02031F12,84:1AAA
Aa#F6F4E4 sobre #2E328210,02:1AAA
Aa#E5CF2B sobre #2E32827,01:1AAA
Aa#F6F4E4 sobre #C725155,12:1AA
Aa#E5CF2B sobre #C725153,59:1AA, texto grande
Aa#C72515 sobre #02031F3,58:1AA, texto grande
Aa#C72515 sobre #2E32821,95:1Reprovado
Aa#2E3282 sobre #02031F1,83:1Reprovado
Aa#F6F4E4 sobre #E5CF2B1,43:1Reprovado
Paletas semelhantes
#F9ED69#F08A5D#B83B5E#6A2C70
4 cores
#7D5A50#B4846C#E5B299#FCDEC0
4 cores
#FFF8EA#9E7676#815B5B#594545
4 cores
#2C3639#3F4E4F#A27B5C#DCD7C9
4 cores
#F67280#C06C84#6C5B7B#355C7D
4 cores
#2B2E4A#E84545#903749#53354A
4 cores
#E5D9B6#A4BE7B#5F8D4E#285430
4 cores
#A9907E#F3DEBA#ABC4AA#675D50
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.