Criar conta Criar conta
Blue To Yellow

Blue To Yellow

Paleta de 8 cores · Fria · Escura · Harmonia: Complementar

Voltar à biblioteca

Blue To Yellow

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Complementar

Editar
Sóbria 8 cores Fria Escura Complementar monoramp blue yellow colorramp
Curtidas 23
Cores 8

Variáveis CSS

:root {
  --c-muted-1: #1C325E;
  --c-muted-2: #404F59;
  --c-muted-3: #616952;
  --c-muted-4: #787B4A;
  --c-muted-5: #105060;
  --c-muted-6: #386A50;
  --c-muted-7: #608441;
  --c-muted-8: #889D31;
}

Sobre esta paleta

Esta paleta sóbria de 8 cores vai de Vigorous Wasabi (#889D31), o tom mais claro, até Ending Navy Blue (#1C325E), o mais escuro. Ela reúne Ending Navy Blue, Presidential, Rosemary Sprig, Tara’s Drapes, Teal Dark Blue, Jungle Book Green, Shepherd’s Green e Vigorous Wasabi em um único conjunto que você pode levar direto para uma interface. Nenhum dos 28 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

Ending Navy Blue #1C325E
RGB
rgb(28, 50, 94)
HSL
hsl(220, 54%, 24%)
Luminância
0,033
Presidential #404F59
RGB
rgb(64, 79, 89)
HSL
hsl(204, 16%, 30%)
Luminância
0,074
Rosemary Sprig #616952
RGB
rgb(97, 105, 82)
HSL
hsl(81, 12%, 37%)
Luminância
0,133
Tara’s Drapes #787B4A
RGB
rgb(120, 123, 74)
HSL
hsl(64, 25%, 39%)
Luminância
0,187
Teal Dark Blue #105060
RGB
rgb(16, 80, 96)
HSL
hsl(192, 71%, 22%)
Luminância
0,067
Jungle Book Green #386A50
RGB
rgb(56, 106, 80)
HSL
hsl(149, 31%, 32%)
Luminância
0,117
Shepherd’s Green #608441
RGB
rgb(96, 132, 65)
HSL
hsl(92, 34%, 39%)
Luminância
0,194
Vigorous Wasabi #889D31
RGB
rgb(136, 157, 49)
HSL
hsl(72, 52%, 40%)
Luminância
0,296

Contraste e acessibilidade

0 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #1C325E sobre #889D31 4,15:1 AA, texto grande
Aa #105060 sobre #889D31 2,96:1 Reprovado
Aa #1C325E sobre #608441 2,92:1 Reprovado
Aa #1C325E sobre #787B4A 2,84:1 Reprovado
Aa #404F59 sobre #889D31 2,79:1 Reprovado
Aa #1C325E sobre #616952 2,19:1 Reprovado
Aa #105060 sobre #608441 2,08:1 Reprovado
Aa #386A50 sobre #889D31 2,07:1 Reprovado
Aa #787B4A sobre #105060 2,02:1 Reprovado
Aa #1C325E sobre #386A50 2,01:1 Reprovado
Aa #404F59 sobre #608441 1,96:1 Reprovado
Aa #404F59 sobre #787B4A 1,91:1 Reprovado
Aa #616952 sobre #889D31 1,89:1 Reprovado
Aa #616952 sobre #105060 1,56:1 Reprovado
Aa #1C325E sobre #404F59 1,49:1 Reprovado
Aa #404F59 sobre #616952 1,47:1 Reprovado
Aa #787B4A sobre #889D31 1,46:1 Reprovado
Aa #386A50 sobre #608441 1,46:1 Reprovado
Aa #105060 sobre #386A50 1,43:1 Reprovado
Aa #608441 sobre #889D31 1,42:1 Reprovado
Aa #787B4A sobre #386A50 1,41:1 Reprovado
Aa #1C325E sobre #105060 1,40:1 Reprovado
Aa #404F59 sobre #386A50 1,35:1 Reprovado
Aa #616952 sobre #608441 1,34:1 Reprovado
Aa #616952 sobre #787B4A 1,30:1 Reprovado
Aa #616952 sobre #386A50 1,09:1 Reprovado
Aa #404F59 sobre #105060 1,06:1 Reprovado
Aa #787B4A sobre #608441 1,03:1 Reprovado

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