Registrarse Registrarse
Cyberpunk Neons

Cyberpunk Neons

Paleta de 11 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Cyberpunk Neons

Paleta de 11 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 11 colores Colores fríos Tonos oscuros Armonía complementaria cyberpunk neon cyber bna
Me gusta 131
Colores 11

Variables 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 de 11 colores apagados va de Near Moon (#53EBE4), su tono más claro, a Midnight Jam (#0B001B), el más oscuro. Combina Near Moon, Peacock Feather, Hanada Blue, Royal Blue Metallic, Navy, Midnight Jam, Beaten Purple, Velvet Magic, 1989 Miami Hotline, Cherry Brandy y Hushed Rose en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 55. De ellas, 17 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #53EBE4 sobre #0B001B, con 13,95: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

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

Contraste y accesibilidad

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

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 No aprobado
Aa #084F64 sobre #E46A87 2,90:1 No aprobado
Aa #53EBE4 sobre #E13A6A 2,87:1 No aprobado
Aa #53EBE4 sobre #0F9595 2,50:1 No aprobado
Aa #03274C sobre #C1115A 2,50:1 No aprobado
Aa #0F9595 sobre #084F64 2,49:1 No aprobado
Aa #4D004F sobre #C1115A 2,45:1 No aprobado
Aa #084F64 sobre #0B001B 2,25:1 No aprobado
Aa #084F64 sobre #E13A6A 2,17:1 No aprobado
Aa #E13A6A sobre #ECA6C0 2,15:1 No aprobado
Aa #53EBE4 sobre #E46A87 2,14:1 No aprobado
Aa #084F64 sobre #08173D 1,93:1 No aprobado
Aa #C1115A sobre #E46A87 1,92:1 No aprobado
Aa #0F9595 sobre #ECA6C0 1,87:1 No aprobado
Aa #0F9595 sobre #C1115A 1,65:1 No aprobado
Aa #084F64 sobre #03274C 1,65:1 No aprobado
Aa #084F64 sobre #4D004F 1,62:1 No aprobado
Aa #E46A87 sobre #ECA6C0 1,61:1 No aprobado
Aa #084F64 sobre #C1115A 1,51:1 No aprobado
Aa #C1115A sobre #E13A6A 1,43:1 No aprobado
Aa #0B001B sobre #4D004F 1,39:1 No aprobado
Aa #03274C sobre #0B001B 1,36:1 No aprobado
Aa #E13A6A sobre #E46A87 1,34:1 No aprobado
Aa #53EBE4 sobre #ECA6C0 1,33:1 No aprobado
Aa #08173D sobre #4D004F 1,19:1 No aprobado
Aa #0F9595 sobre #E46A87 1,17:1 No aprobado
Aa #03274C sobre #08173D 1,17:1 No aprobado
Aa #08173D sobre #0B001B 1,17:1 No aprobado
Aa #0F9595 sobre #E13A6A 1,15:1 No aprobado
Aa #03274C sobre #4D004F 1,02:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores