Registrarse Registrarse
Cyber Punk

Cyber Punk

Paleta de 9 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Cyber Punk

Paleta de 9 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores apagados 9 colores Colores fríos Tonos mixtos Armonía triádica
Me gusta 35
Colores 9

Variables 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 de 9 colores apagados va de Coronation (#ECECED), su tono más claro, a Azulado (#241A44), el más oscuro. Combina Dark Gunmetal, Azulado, Lucky Point, Nautical Creatures, Peacock Feather, Neon Lagoon, Coronation, Crazy Ex y Bane of Royalty en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #241A44 sobre #ECECED, con 13,62:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

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

Contraste y accesibilidad

Combinaciones de colores en la paleta: 36. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

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 No aprobado
Aa #06CFCE sobre #D3167C 2,59:1 No aprobado
Aa #0B959F sobre #8D155E 2,42:1 No aprobado
Aa #241A44 sobre #285B77 2,18:1 No aprobado
Aa #23232B sobre #285B77 2,12:1 No aprobado
Aa #285B77 sobre #0B959F 2,04:1 No aprobado
Aa #0B959F sobre #06CFCE 1,86:1 No aprobado
Aa #292A50 sobre #285B77 1,85:1 No aprobado
Aa #241A44 sobre #8D155E 1,84:1 No aprobado
Aa #23232B sobre #8D155E 1,78:1 No aprobado
Aa #D3167C sobre #8D155E 1,74:1 No aprobado
Aa #06CFCE sobre #ECECED 1,64:1 No aprobado
Aa #292A50 sobre #8D155E 1,56:1 No aprobado
Aa #285B77 sobre #D3167C 1,46:1 No aprobado
Aa #0B959F sobre #D3167C 1,39:1 No aprobado
Aa #285B77 sobre #8D155E 1,19:1 No aprobado
Aa #241A44 sobre #292A50 1,18:1 No aprobado
Aa #23232B sobre #292A50 1,14:1 No aprobado
Aa #23232B sobre #241A44 1,03:1 No aprobado

Paletas similares

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