Paleta “Pinkish Red” de 4 cores

Paleta “Pinkish Red” de 4 cores

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

Paleta “Pinkish Red” de 4 cores

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

Editar
Sóbria 4 cores Fria Escura Complementar
Curtidas 3.993
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #04879C;
  --c-muted-2: #0C3C78;
  --c-muted-3: #090030;
  --c-muted-4: #F30A49;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Marker Blue (#04879C), o tom mais claro, até Erebus Blue (#090030), o mais escuro. Ela reúne Marker Blue, Azure Dragon, Erebus Blue e Pinkish Red em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #04879C sobre #090030, com 4,7: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

Marker Blue #04879C
RGB
rgb(4, 135, 156)
HSL
hsl(188, 95%, 31%)
Luminância
0,198
Azure Dragon #0C3C78
RGB
rgb(12, 60, 120)
HSL
hsl(213, 82%, 26%)
Luminância
0,047
Erebus Blue #090030
RGB
rgb(9, 0, 48)
HSL
hsl(251, 100%, 9%)
Luminância
0,003
Pinkish Red #F30A49
RGB
rgb(243, 10, 73)
HSL
hsl(344, 92%, 50%)
Luminância
0,198

Contraste e acessibilidade

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

Aa #04879C sobre #090030 4,70:1 AA
Aa #090030 sobre #F30A49 4,70:1 AA
Aa #04879C sobre #0C3C78 2,56:1 Reprovado
Aa #0C3C78 sobre #F30A49 2,56:1 Reprovado
Aa #0C3C78 sobre #090030 1,83:1 Reprovado
Aa #04879C sobre #F30A49 1,00: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