Criar conta Criar conta
Cyber Punk

Cyber Punk

Paleta de 9 cores · Fria · Mista · Harmonia: Triádica

Voltar à biblioteca

Cyber Punk

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Triádica

Editar
Sóbria 9 cores Fria Mista Triádica
Curtidas 35
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #23232B;
  --c-muted-2: #241A44;
  --c-muted-3: #292A50;
  --c-muted-4: #285B77;
  --c-muted-5: #0B959F;
  --c-muted-6: #06CFCE;
  --c-muted-7: #ECECED;
  --c-muted-8: #D3167C;
  --c-muted-9: #8D155E;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Coronation (#ECECED), o tom mais claro, até Azulado (#241A44), o mais escuro. Ela reúne Dark Gunmetal, Azulado, Lucky Point, Nautical Creatures, Peacock Feather, Neon Lagoon, Coronation, Crazy Ex e Bane of Royalty em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #241A44 sobre #ECECED, com 13,62: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

Dark Gunmetal #23232B
RGB
rgb(35, 35, 43)
HSL
hsl(240, 10%, 15%)
Luminância
0,017
Azulado #241A44
RGB
rgb(36, 26, 68)
HSL
hsl(254, 45%, 18%)
Luminância
0,015
Lucky Point #292A50
RGB
rgb(41, 42, 80)
HSL
hsl(238, 32%, 24%)
Luminância
0,027
Nautical Creatures #285B77
RGB
rgb(40, 91, 119)
HSL
hsl(201, 50%, 31%)
Luminância
0,093
Peacock Feather #0B959F
RGB
rgb(11, 149, 159)
HSL
hsl(184, 87%, 33%)
Luminância
0,241
Neon Lagoon #06CFCE
RGB
rgb(6, 207, 206)
HSL
hsl(180, 94%, 42%)
Luminância
0,491
Coronation #ECECED
RGB
rgb(236, 236, 237)
HSL
hsl(240, 3%, 93%)
Luminância
0,839
Crazy Ex #D3167C
RGB
rgb(211, 22, 124)
HSL
hsl(328, 81%, 46%)
Luminância
0,159
Bane of Royalty #8D155E
RGB
rgb(141, 21, 94)
HSL
hsl(324, 74%, 32%)
Luminância
0,070

Contraste e acessibilidade

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

Aa #241A44 sobre #ECECED 13,62:1 AAA
Aa #23232B sobre #ECECED 13,21:1 AAA
Aa #292A50 sobre #ECECED 11,54:1 AAA
Aa #241A44 sobre #06CFCE 8,29:1 AAA
Aa #23232B sobre #06CFCE 8,04:1 AAA
Aa #ECECED sobre #8D155E 7,41:1 AAA
Aa #292A50 sobre #06CFCE 7,02:1 AAA
Aa #285B77 sobre #ECECED 6,23:1 AA
Aa #06CFCE sobre #8D155E 4,51:1 AA
Aa #241A44 sobre #0B959F 4,45:1 AA, texto grande
Aa #23232B sobre #0B959F 4,32:1 AA, texto grande
Aa #ECECED sobre #D3167C 4,26:1 AA, texto grande
Aa #285B77 sobre #06CFCE 3,79:1 AA, texto grande
Aa #292A50 sobre #0B959F 3,77:1 AA, texto grande
Aa #241A44 sobre #D3167C 3,20:1 AA, texto grande
Aa #23232B sobre #D3167C 3,10:1 AA, texto grande
Aa #0B959F sobre #ECECED 3,06:1 AA, texto grande
Aa #292A50 sobre #D3167C 2,71:1 Reprovado
Aa #06CFCE sobre #D3167C 2,59:1 Reprovado
Aa #0B959F sobre #8D155E 2,42:1 Reprovado
Aa #241A44 sobre #285B77 2,18:1 Reprovado
Aa #23232B sobre #285B77 2,12:1 Reprovado
Aa #285B77 sobre #0B959F 2,04:1 Reprovado
Aa #0B959F sobre #06CFCE 1,86:1 Reprovado
Aa #292A50 sobre #285B77 1,85:1 Reprovado
Aa #241A44 sobre #8D155E 1,84:1 Reprovado
Aa #23232B sobre #8D155E 1,78:1 Reprovado
Aa #D3167C sobre #8D155E 1,74:1 Reprovado
Aa #06CFCE sobre #ECECED 1,64:1 Reprovado
Aa #292A50 sobre #8D155E 1,56:1 Reprovado
Aa #285B77 sobre #D3167C 1,46:1 Reprovado
Aa #0B959F sobre #D3167C 1,39:1 Reprovado
Aa #285B77 sobre #8D155E 1,19:1 Reprovado
Aa #241A44 sobre #292A50 1,18:1 Reprovado
Aa #23232B sobre #292A50 1,14:1 Reprovado
Aa #23232B sobre #241A44 1,03:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores