Criar conta Criar conta
TY Blue Seed 7

TY Blue Seed 7

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

Voltar à biblioteca

TY Blue Seed 7

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

Editar
Sóbria 7 cores Fria Escura Análoga dark horror darkseed
Curtidas 28
Cores 7

Variáveis CSS

:root {
  --c-muted-1: #C7C7C7;
  --c-muted-2: #748783;
  --c-muted-3: #516856;
  --c-muted-4: #324A4B;
  --c-muted-5: #2C3339;
  --c-muted-6: #25282A;
  --c-muted-7: #141724;
}

Sobre esta paleta

Esta paleta sóbria de 7 cores vai de Paternoster (#C7C7C7), o tom mais claro, até River Styx (#141724), o mais escuro. Ela reúne Paternoster, Echo Park, Kale Green, Graphite Black Green, Dracula Orchid, Graphite Black e River Styx em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #C7C7C7 sobre #141724, com 10,55: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

Paternoster #C7C7C7
RGB
rgb(199, 199, 199)
HSL
hsl(0, 0%, 78%)
Luminância
0,571
Echo Park #748783
RGB
rgb(116, 135, 131)
HSL
hsl(167, 8%, 49%)
Luminância
0,227
Kale Green #516856
RGB
rgb(81, 104, 86)
HSL
hsl(133, 12%, 36%)
Luminância
0,123
Graphite Black Green #324A4B
RGB
rgb(50, 74, 75)
HSL
hsl(182, 20%, 25%)
Luminância
0,061
Dracula Orchid #2C3339
RGB
rgb(44, 51, 57)
HSL
hsl(208, 13%, 20%)
Luminância
0,032
Graphite Black #25282A
RGB
rgb(37, 40, 42)
HSL
hsl(204, 6%, 15%)
Luminância
0,021
River Styx #141724
RGB
rgb(20, 23, 36)
HSL
hsl(229, 29%, 11%)
Luminância
0,009

Contraste e acessibilidade

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

Aa #C7C7C7 sobre #141724 10,55:1 AAA
Aa #C7C7C7 sobre #25282A 8,78:1 AAA
Aa #C7C7C7 sobre #2C3339 7,58:1 AAA
Aa #C7C7C7 sobre #324A4B 5,60:1 AA
Aa #748783 sobre #141724 4,70:1 AA
Aa #748783 sobre #25282A 3,91:1 AA, texto grande
Aa #C7C7C7 sobre #516856 3,59:1 AA, texto grande
Aa #748783 sobre #2C3339 3,38:1 AA, texto grande
Aa #516856 sobre #141724 2,94:1 Reprovado
Aa #748783 sobre #324A4B 2,50:1 Reprovado
Aa #516856 sobre #25282A 2,45:1 Reprovado
Aa #C7C7C7 sobre #748783 2,24:1 Reprovado
Aa #516856 sobre #2C3339 2,11:1 Reprovado
Aa #324A4B sobre #141724 1,88:1 Reprovado
Aa #748783 sobre #516856 1,60:1 Reprovado
Aa #324A4B sobre #25282A 1,57:1 Reprovado
Aa #516856 sobre #324A4B 1,56:1 Reprovado
Aa #2C3339 sobre #141724 1,39:1 Reprovado
Aa #324A4B sobre #2C3339 1,35:1 Reprovado
Aa #25282A sobre #141724 1,20:1 Reprovado
Aa #2C3339 sobre #25282A 1,16: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