Esta paleta vibrante de 5 cores vai de Silk Lining (#FBEFE0), o tom mais claro, até Boat Orchid (#BD429C), o mais escuro. Ela reúne Silk Lining, Almond Cream, Inventive Orange, Jelly Slug e Boat Orchid em um único conjunto que você pode levar direto para uma interface. Nenhum dos 10 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.
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
Silk Lining#FBEFE0
RGB
rgb(251, 239, 224)
HSL
hsl(33, 77%, 93%)
Luminância
0,876
Almond Cream#F3C4A0
RGB
rgb(243, 196, 160)
HSL
hsl(26, 78%, 79%)
Luminância
0,611
Inventive Orange#E7A073
RGB
rgb(231, 160, 115)
HSL
hsl(23, 71%, 68%)
Luminância
0,434
Jelly Slug#DA6849
RGB
rgb(218, 104, 73)
HSL
hsl(13, 66%, 57%)
Luminância
0,253
Boat Orchid#BD429C
RGB
rgb(189, 66, 156)
HSL
hsl(316, 48%, 50%)
Luminância
0,171
Contraste e acessibilidade
0 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#FBEFE0 sobre #BD429C4,19:1AA, texto grande
Aa#FBEFE0 sobre #DA68493,06:1AA, texto grande
Aa#F3C4A0 sobre #BD429C2,99:1Reprovado
Aa#E7A073 sobre #BD429C2,19:1Reprovado
Aa#F3C4A0 sobre #DA68492,18:1Reprovado
Aa#FBEFE0 sobre #E7A0731,91:1Reprovado
Aa#E7A073 sobre #DA68491,60:1Reprovado
Aa#FBEFE0 sobre #F3C4A01,40:1Reprovado
Aa#F3C4A0 sobre #E7A0731,37:1Reprovado
Aa#DA6849 sobre #BD429C1,37:1Reprovado
Paletas semelhantes
#FFF5E4#FFE3E1#FFD1D1#FF9494
4 cores
#F9F5F6#F8E8EE#FDCEDF#F2BED1
4 cores
#FFC7C7#FFE2E2#F6F6F6#8785A2
4 cores
#AD8B73#CEAB93#E3CAA5#FFFBE9
4 cores
#F38181#FCE38A#EAFFD0#95E1D3
4 cores
#B7C4CF#EEE3CB#D7C0AE#967E76
4 cores
#FFEDDB#EDCDBB#E3B7A0#BF9270
4 cores
#8D7B68#A4907C#C8B6A6#F1DEC9
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.