Registrarse Registrarse
Retro 8

Retro 8

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Retro 8

Paleta de 8 colores · Colores fríos · Tonos oscuros · Armonía triádica

Editar
Colores vibrantes 8 colores Colores fríos Tonos oscuros Armonía triádica colors space retro shading
Me gusta 107
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #041026;
  --c-vibrant-2: #051A44;
  --c-vibrant-3: #1F0398;
  --c-vibrant-4: #5000C3;
  --c-vibrant-5: #7521EE;
  --c-vibrant-6: #0099C3;
  --c-vibrant-7: #00C38F;
  --c-vibrant-8: #3EE3B7;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Aphrodite Aqua (#3EE3B7), su tono más claro, a Void (#041026), el más oscuro. Combina Void, Maastricht Blue, Blue Beetle, Elegant Midnight, Purple Blue, Atomic Blue, Blarney y Aphrodite Aqua en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #041026 sobre #3EE3B7, con 11,63: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

Void #041026
RGB
rgb(4, 16, 38)
HSL
hsl(219, 81%, 8%)
Luminancia
0,005
Maastricht Blue #051A44
RGB
rgb(5, 26, 68)
HSL
hsl(220, 86%, 14%)
Luminancia
0,012
Blue Beetle #1F0398
RGB
rgb(31, 3, 152)
HSL
hsl(251, 96%, 30%)
Luminancia
0,026
Elegant Midnight #5000C3
RGB
rgb(80, 0, 195)
HSL
hsl(265, 100%, 38%)
Luminancia
0,057
Purple Blue #7521EE
RGB
rgb(117, 33, 238)
HSL
hsl(265, 86%, 53%)
Luminancia
0,110
Atomic Blue #0099C3
RGB
rgb(0, 153, 195)
HSL
hsl(193, 100%, 38%)
Luminancia
0,267
Blarney #00C38F
RGB
rgb(0, 195, 143)
HSL
hsl(164, 100%, 38%)
Luminancia
0,410
Aphrodite Aqua #3EE3B7
RGB
rgb(62, 227, 183)
HSL
hsl(164, 75%, 57%)
Luminancia
0,594

Contraste y accesibilidad

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

Aa #041026 sobre #3EE3B7 11,63:1 AAA
Aa #051A44 sobre #3EE3B7 10,40:1 AAA
Aa #1F0398 sobre #3EE3B7 8,45:1 AAA
Aa #041026 sobre #00C38F 8,31:1 AAA
Aa #051A44 sobre #00C38F 7,44:1 AAA
Aa #5000C3 sobre #3EE3B7 6,05:1 AA
Aa #1F0398 sobre #00C38F 6,04:1 AA
Aa #041026 sobre #0099C3 5,73:1 AA
Aa #051A44 sobre #0099C3 5,13:1 AA
Aa #5000C3 sobre #00C38F 4,32:1 AA, texto grande
Aa #1F0398 sobre #0099C3 4,16:1 AA, texto grande
Aa #7521EE sobre #3EE3B7 4,01:1 AA, texto grande
Aa #5000C3 sobre #0099C3 2,98:1 No aprobado
Aa #041026 sobre #7521EE 2,90:1 No aprobado
Aa #7521EE sobre #00C38F 2,87:1 No aprobado
Aa #051A44 sobre #7521EE 2,59:1 No aprobado
Aa #1F0398 sobre #7521EE 2,10:1 No aprobado
Aa #0099C3 sobre #3EE3B7 2,03:1 No aprobado
Aa #7521EE sobre #0099C3 1,98:1 No aprobado
Aa #041026 sobre #5000C3 1,92:1 No aprobado
Aa #051A44 sobre #5000C3 1,72:1 No aprobado
Aa #5000C3 sobre #7521EE 1,51:1 No aprobado
Aa #0099C3 sobre #00C38F 1,45:1 No aprobado
Aa #1F0398 sobre #5000C3 1,40:1 No aprobado
Aa #00C38F sobre #3EE3B7 1,40:1 No aprobado
Aa #041026 sobre #1F0398 1,38:1 No aprobado
Aa #051A44 sobre #1F0398 1,23:1 No aprobado
Aa #041026 sobre #051A44 1,12: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