Criar conta Criar conta
Cyberpunk Neons

Cyberpunk Neons

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

Voltar à biblioteca

Cyberpunk Neons

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

Editar
Sóbria 11 cores Fria Escura Complementar cyberpunk neon cyber bna
Curtidas 131
Cores 11

Variáveis CSS

:root {
  --c-muted-1: #53EBE4;
  --c-muted-2: #0F9595;
  --c-muted-3: #084F64;
  --c-muted-4: #03274C;
  --c-muted-5: #08173D;
  --c-muted-6: #0B001B;
  --c-muted-7: #4D004F;
  --c-muted-8: #C1115A;
  --c-muted-9: #E13A6A;
  --c-muted-10: #E46A87;
  --c-muted-11: #ECA6C0;
}

Sobre esta paleta

Esta paleta sóbria de 11 cores vai de Near Moon (#53EBE4), o tom mais claro, até Midnight Jam (#0B001B), o mais escuro. Ela reúne Near Moon, Peacock Feather, Hanada Blue, Royal Blue Metallic, Navy, Midnight Jam, Beaten Purple, Velvet Magic, 1989 Miami Hotline, Cherry Brandy e Hushed Rose em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 17 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #53EBE4 sobre #0B001B, com 13,95: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

Near Moon #53EBE4
RGB
rgb(83, 235, 228)
HSL
hsl(177, 79%, 62%)
Luminância
0,669
Peacock Feather #0F9595
RGB
rgb(15, 149, 149)
HSL
hsl(180, 82%, 32%)
Luminância
0,238
Hanada Blue #084F64
RGB
rgb(8, 79, 100)
HSL
hsl(194, 85%, 21%)
Luminância
0,066
Royal Blue Metallic #03274C
RGB
rgb(3, 39, 76)
HSL
hsl(210, 92%, 15%)
Luminância
0,020
Navy #08173D
RGB
rgb(8, 23, 61)
HSL
hsl(223, 77%, 14%)
Luminância
0,010
Midnight Jam #0B001B
RGB
rgb(11, 0, 27)
HSL
hsl(264, 100%, 5%)
Luminância
0,002
Beaten Purple #4D004F
RGB
rgb(77, 0, 79)
HSL
hsl(298, 100%, 15%)
Luminância
0,021
Velvet Magic #C1115A
RGB
rgb(193, 17, 90)
HSL
hsl(335, 84%, 41%)
Luminância
0,125
1989 Miami Hotline #E13A6A
RGB
rgb(225, 58, 106)
HSL
hsl(343, 74%, 55%)
Luminância
0,201
Cherry Brandy #E46A87
RGB
rgb(228, 106, 135)
HSL
hsl(346, 69%, 65%)
Luminância
0,286
Hushed Rose #ECA6C0
RGB
rgb(236, 166, 192)
HSL
hsl(338, 65%, 79%)
Luminância
0,489

Contraste e acessibilidade

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

Aa #53EBE4 sobre #0B001B 13,95:1 AAA
Aa #53EBE4 sobre #08173D 11,97:1 AAA
Aa #0B001B sobre #ECA6C0 10,47:1 AAA
Aa #53EBE4 sobre #03274C 10,28:1 AAA
Aa #53EBE4 sobre #4D004F 10,06:1 AAA
Aa #08173D sobre #ECA6C0 8,98:1 AAA
Aa #03274C sobre #ECA6C0 7,71:1 AAA
Aa #4D004F sobre #ECA6C0 7,55:1 AAA
Aa #0B001B sobre #E46A87 6,51:1 AA
Aa #53EBE4 sobre #084F64 6,21:1 AA
Aa #0F9595 sobre #0B001B 5,59:1 AA
Aa #08173D sobre #E46A87 5,59:1 AA
Aa #0B001B sobre #E13A6A 4,87:1 AA
Aa #03274C sobre #E46A87 4,80:1 AA
Aa #0F9595 sobre #08173D 4,79:1 AA
Aa #4D004F sobre #E46A87 4,70:1 AA
Aa #084F64 sobre #ECA6C0 4,66:1 AA
Aa #08173D sobre #E13A6A 4,18:1 AA, texto grande
Aa #53EBE4 sobre #C1115A 4,11:1 AA, texto grande
Aa #0F9595 sobre #03274C 4,11:1 AA, texto grande
Aa #0F9595 sobre #4D004F 4,03:1 AA, texto grande
Aa #03274C sobre #E13A6A 3,59:1 AA, texto grande
Aa #4D004F sobre #E13A6A 3,51:1 AA, texto grande
Aa #0B001B sobre #C1115A 3,39:1 AA, texto grande
Aa #C1115A sobre #ECA6C0 3,08:1 AA, texto grande
Aa #08173D sobre #C1115A 2,91:1 Reprovado
Aa #084F64 sobre #E46A87 2,90:1 Reprovado
Aa #53EBE4 sobre #E13A6A 2,87:1 Reprovado
Aa #53EBE4 sobre #0F9595 2,50:1 Reprovado
Aa #03274C sobre #C1115A 2,50:1 Reprovado
Aa #0F9595 sobre #084F64 2,49:1 Reprovado
Aa #4D004F sobre #C1115A 2,45:1 Reprovado
Aa #084F64 sobre #0B001B 2,25:1 Reprovado
Aa #084F64 sobre #E13A6A 2,17:1 Reprovado
Aa #E13A6A sobre #ECA6C0 2,15:1 Reprovado
Aa #53EBE4 sobre #E46A87 2,14:1 Reprovado
Aa #084F64 sobre #08173D 1,93:1 Reprovado
Aa #C1115A sobre #E46A87 1,92:1 Reprovado
Aa #0F9595 sobre #ECA6C0 1,87:1 Reprovado
Aa #0F9595 sobre #C1115A 1,65:1 Reprovado
Aa #084F64 sobre #03274C 1,65:1 Reprovado
Aa #084F64 sobre #4D004F 1,62:1 Reprovado
Aa #E46A87 sobre #ECA6C0 1,61:1 Reprovado
Aa #084F64 sobre #C1115A 1,51:1 Reprovado
Aa #C1115A sobre #E13A6A 1,43:1 Reprovado
Aa #0B001B sobre #4D004F 1,39:1 Reprovado
Aa #03274C sobre #0B001B 1,36:1 Reprovado
Aa #E13A6A sobre #E46A87 1,34:1 Reprovado
Aa #53EBE4 sobre #ECA6C0 1,33:1 Reprovado
Aa #08173D sobre #4D004F 1,19:1 Reprovado
Aa #0F9595 sobre #E46A87 1,17:1 Reprovado
Aa #03274C sobre #08173D 1,17:1 Reprovado
Aa #08173D sobre #0B001B 1,17:1 Reprovado
Aa #0F9595 sobre #E13A6A 1,15:1 Reprovado
Aa #03274C sobre #4D004F 1,02: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