Criar conta Criar conta
TY Never Found 7

TY Never Found 7

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

Voltar à biblioteca

TY Never Found 7

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

Editar
Sóbria 7 cores Fria Escura Complementar dark fantasy darkfantasy rpg
Curtidas 13
Cores 7

Variáveis CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #141F15;
  --c-muted-3: #28283F;
  --c-muted-4: #36421B;
  --c-muted-5: #474744;
  --c-muted-6: #7D7F52;
  --c-muted-7: #AFAF93;
}

Sobre esta paleta

Esta paleta sóbria de 7 cores vai de Olive Sprig (#AFAF93), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Nightmare, Valhalla, Ceylanite, Brattle Spruce, Calliste Green e Olive Sprig 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 é #000000 sobre #AFAF93, com 9,38: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 #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Nightmare #141F15
RGB
rgb(20, 31, 21)
HSL
hsl(125, 22%, 10%)
Luminância
0,012
Valhalla #28283F
RGB
rgb(40, 40, 63)
HSL
hsl(240, 22%, 20%)
Luminância
0,023
Ceylanite #36421B
RGB
rgb(54, 66, 27)
HSL
hsl(78, 42%, 18%)
Luminância
0,048
Brattle Spruce #474744
RGB
rgb(71, 71, 68)
HSL
hsl(60, 2%, 27%)
Luminância
0,063
Calliste Green #7D7F52
RGB
rgb(125, 127, 82)
HSL
hsl(63, 22%, 41%)
Luminância
0,202
Olive Sprig #AFAF93
RGB
rgb(175, 175, 147)
HSL
hsl(60, 15%, 63%)
Luminância
0,419

Contraste e acessibilidade

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

Aa #000000 sobre #AFAF93 9,38:1 AAA
Aa #141F15 sobre #AFAF93 7,58:1 AAA
Aa #28283F sobre #AFAF93 6,40:1 AA
Aa #000000 sobre #7D7F52 5,03:1 AA
Aa #36421B sobre #AFAF93 4,80:1 AA
Aa #474744 sobre #AFAF93 4,16:1 AA, texto grande
Aa #141F15 sobre #7D7F52 4,07:1 AA, texto grande
Aa #28283F sobre #7D7F52 3,43:1 AA, texto grande
Aa #36421B sobre #7D7F52 2,58:1 Reprovado
Aa #000000 sobre #474744 2,25:1 Reprovado
Aa #474744 sobre #7D7F52 2,23:1 Reprovado
Aa #000000 sobre #36421B 1,95:1 Reprovado
Aa #7D7F52 sobre #AFAF93 1,86:1 Reprovado
Aa #141F15 sobre #474744 1,82:1 Reprovado
Aa #141F15 sobre #36421B 1,58:1 Reprovado
Aa #28283F sobre #474744 1,54:1 Reprovado
Aa #000000 sobre #28283F 1,47:1 Reprovado
Aa #28283F sobre #36421B 1,33:1 Reprovado
Aa #000000 sobre #141F15 1,24:1 Reprovado
Aa #141F15 sobre #28283F 1,19:1 Reprovado
Aa #36421B sobre #474744 1,15: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