Criar conta Criar conta
5yan

5yan

Paleta de 5 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

5yan

Paleta de 5 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 5 cores Fria Escura Análoga monoramp monochrome blue cyan
Curtidas 110
Cores 5

Variáveis CSS

:root {
  --c-muted-1: #050505;
  --c-muted-2: #050555;
  --c-muted-3: #055555;
  --c-muted-4: #55A5A5;
  --c-muted-5: #A5F5F5;
}

Sobre esta paleta

Esta paleta sóbria de 5 cores vai de Waterspout (#A5F5F5), o tom mais claro, até Black Metal (#050505), o mais escuro. Ela reúne Black Metal, Ravenclaw, Pacific Storm, Twilight Meadow e Waterspout 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 é #050505 sobre #A5F5F5, com 16,48: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

Black Metal #050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
Luminância
0,002
Ravenclaw #050555
RGB
rgb(5, 5, 85)
HSL
hsl(240, 89%, 18%)
Luminância
0,008
Pacific Storm #055555
RGB
rgb(5, 85, 85)
HSL
hsl(180, 89%, 18%)
Luminância
0,072
Twilight Meadow #55A5A5
RGB
rgb(85, 165, 165)
HSL
hsl(180, 32%, 49%)
Luminância
0,316
Waterspout #A5F5F5
RGB
rgb(165, 245, 245)
HSL
hsl(180, 80%, 80%)
Luminância
0,799

Contraste e acessibilidade

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

Aa #050505 sobre #A5F5F5 16,48:1 AAA
Aa #050555 sobre #A5F5F5 14,65:1 AAA
Aa #050505 sobre #55A5A5 7,10:1 AAA
Aa #055555 sobre #A5F5F5 6,97:1 AA
Aa #050555 sobre #55A5A5 6,31:1 AA
Aa #055555 sobre #55A5A5 3,00:1 AA, texto grande
Aa #050505 sobre #055555 2,37:1 Reprovado
Aa #55A5A5 sobre #A5F5F5 2,32:1 Reprovado
Aa #050555 sobre #055555 2,10:1 Reprovado
Aa #050505 sobre #050555 1,13: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