Criar conta Criar conta
TY Alien World 7

TY Alien World 7

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

Voltar à biblioteca

TY Alien World 7

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

Editar
Vibrante 7 cores Fria Escura Complementar futuristic space scifi alien
Curtidas 12
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #C8FF61;
  --c-vibrant-2: #30CBB2;
  --c-vibrant-3: #1F9A40;
  --c-vibrant-4: #10646D;
  --c-vibrant-5: #2D455E;
  --c-vibrant-6: #173924;
  --c-vibrant-7: #050B33;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de Pear Spritz (#C8FF61), o tom mais claro, até Infinite Night (#050B33), o mais escuro. Ela reúne Pear Spritz, Swimmers Pool, Gangly Gremlin, Seamount, Indigo Streamer, Deep Fir e Infinite Night em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #C8FF61 sobre #050B33, com 16,27: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

Pear Spritz #C8FF61
RGB
rgb(200, 255, 97)
HSL
hsl(81, 100%, 69%)
Luminância
0,847
Swimmers Pool #30CBB2
RGB
rgb(48, 203, 178)
HSL
hsl(170, 62%, 49%)
Luminância
0,466
Gangly Gremlin #1F9A40
RGB
rgb(31, 154, 64)
HSL
hsl(136, 66%, 36%)
Luminância
0,238
Seamount #10646D
RGB
rgb(16, 100, 109)
HSL
hsl(186, 74%, 25%)
Luminância
0,103
Indigo Streamer #2D455E
RGB
rgb(45, 69, 94)
HSL
hsl(211, 35%, 27%)
Luminância
0,056
Deep Fir #173924
RGB
rgb(23, 57, 36)
HSL
hsl(143, 43%, 16%)
Luminância
0,032
Infinite Night #050B33
RGB
rgb(5, 11, 51)
HSL
hsl(232, 82%, 11%)
Luminância
0,005

Contraste e acessibilidade

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

Aa #C8FF61 sobre #050B33 16,27:1 AAA
Aa #C8FF61 sobre #173924 10,89:1 AAA
Aa #30CBB2 sobre #050B33 9,36:1 AAA
Aa #C8FF61 sobre #2D455E 8,44:1 AAA
Aa #30CBB2 sobre #173924 6,26:1 AA
Aa #C8FF61 sobre #10646D 5,85:1 AA
Aa #1F9A40 sobre #050B33 5,22:1 AA
Aa #30CBB2 sobre #2D455E 4,85:1 AA
Aa #1F9A40 sobre #173924 3,49:1 AA, texto grande
Aa #30CBB2 sobre #10646D 3,36:1 AA, texto grande
Aa #C8FF61 sobre #1F9A40 3,12:1 AA, texto grande
Aa #10646D sobre #050B33 2,78:1 Reprovado
Aa #1F9A40 sobre #2D455E 2,71:1 Reprovado
Aa #2D455E sobre #050B33 1,93:1 Reprovado
Aa #1F9A40 sobre #10646D 1,88:1 Reprovado
Aa #10646D sobre #173924 1,86:1 Reprovado
Aa #30CBB2 sobre #1F9A40 1,79:1 Reprovado
Aa #C8FF61 sobre #30CBB2 1,74:1 Reprovado
Aa #173924 sobre #050B33 1,49:1 Reprovado
Aa #10646D sobre #2D455E 1,44:1 Reprovado
Aa #2D455E sobre #173924 1,29: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