Esta paleta sóbria de 5 cores vai de Court-Bouillon (#D1CB95), o tom mais claro, até Trapped Darkness (#0A1A2F), o mais escuro. Ela reúne Court-Bouillon, Alpine Herbs, Tractor Green, Customs Green e Trapped Darkness 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 é #D1CB95 sobre #0A1A2F, com 10,56: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
Court-Bouillon#D1CB95
RGB
rgb(209, 203, 149)
HSL
hsl(54, 39%, 70%)
Luminância
0,584
Alpine Herbs#40985E
RGB
rgb(64, 152, 94)
HSL
hsl(140, 41%, 42%)
Luminância
0,244
Tractor Green#1A644E
RGB
rgb(26, 100, 78)
HSL
hsl(162, 59%, 25%)
Luminância
0,099
Customs Green#04373B
RGB
rgb(4, 55, 59)
HSL
hsl(184, 87%, 12%)
Luminância
0,031
Trapped Darkness#0A1A2F
RGB
rgb(10, 26, 47)
HSL
hsl(214, 65%, 11%)
Luminância
0,010
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#D1CB95 sobre #0A1A2F10,56:1AAA
Aa#D1CB95 sobre #04373B7,86:1AAA
Aa#40985E sobre #0A1A2F4,89:1AA
Aa#D1CB95 sobre #1A644E4,26:1AA, texto grande
Aa#40985E sobre #04373B3,64:1AA, texto grande
Aa#1A644E sobre #0A1A2F2,48:1Reprovado
Aa#D1CB95 sobre #40985E2,16:1Reprovado
Aa#40985E sobre #1A644E1,97:1Reprovado
Aa#1A644E sobre #04373B1,84:1Reprovado
Aa#04373B sobre #0A1A2F1,34:1Reprovado
Paletas semelhantes
#212121#323232#0D7377#14FFEC
4 cores
#0A2647#144272#205295#2C74B3
4 cores
#040D12#183D3D#5C8374#93B1A6
4 cores
#142850#27496D#0C7B93#00A8CC
4 cores
#635985#443C68#393053#18122B
4 cores
#000000#150050#3F0071#610094
4 cores
#151515#301B3F#3C415C#B4A5A5
4 cores
#041C32#04293A#064663#ECB365
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.