Registrarse Registrarse
TY Alien World 7

TY Alien World 7

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

Volver a la biblioteca

TY Alien World 7

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

Editar
Colores vibrantes 7 colores Colores fríos Tonos oscuros Armonía complementaria futuristic space scifi alien
Me gusta 12
Colores 7

Variables CSS

:root {
  --c-vibrant-1: #C8FF61;
  --c-vibrant-2: #30CBB2;
  --c-vibrant-3: #1F9A40;
  --c-vibrant-4: #10646D;
  --c-vibrant-5: #2D455E;
  --c-vibrant-6: #173924;
  --c-vibrant-7: #050B33;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Pear Spritz (#C8FF61), su tono más claro, a Infinite Night (#050B33), el más oscuro. Combina Pear Spritz, Swimmers Pool, Gangly Gremlin, Seamount, Indigo Streamer, Deep Fir y Infinite Night en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #C8FF61 sobre #050B33, con 16,27: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

Pear Spritz #C8FF61
RGB
rgb(200, 255, 97)
HSL
hsl(81, 100%, 69%)
Luminancia
0,847
Swimmers Pool #30CBB2
RGB
rgb(48, 203, 178)
HSL
hsl(170, 62%, 49%)
Luminancia
0,466
Gangly Gremlin #1F9A40
RGB
rgb(31, 154, 64)
HSL
hsl(136, 66%, 36%)
Luminancia
0,238
Seamount #10646D
RGB
rgb(16, 100, 109)
HSL
hsl(186, 74%, 25%)
Luminancia
0,103
Indigo Streamer #2D455E
RGB
rgb(45, 69, 94)
HSL
hsl(211, 35%, 27%)
Luminancia
0,056
Deep Fir #173924
RGB
rgb(23, 57, 36)
HSL
hsl(143, 43%, 16%)
Luminancia
0,032
Infinite Night #050B33
RGB
rgb(5, 11, 51)
HSL
hsl(232, 82%, 11%)
Luminancia
0,005

Contraste y accesibilidad

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

Aa #C8FF61 sobre #050B33 16,27:1 AAA
Aa #C8FF61 sobre #173924 10,89:1 AAA
Aa #30CBB2 sobre #050B33 9,36:1 AAA
Aa #C8FF61 sobre #2D455E 8,44:1 AAA
Aa #30CBB2 sobre #173924 6,26:1 AA
Aa #C8FF61 sobre #10646D 5,85:1 AA
Aa #1F9A40 sobre #050B33 5,22:1 AA
Aa #30CBB2 sobre #2D455E 4,85:1 AA
Aa #1F9A40 sobre #173924 3,49:1 AA, texto grande
Aa #30CBB2 sobre #10646D 3,36:1 AA, texto grande
Aa #C8FF61 sobre #1F9A40 3,12:1 AA, texto grande
Aa #10646D sobre #050B33 2,78:1 No aprobado
Aa #1F9A40 sobre #2D455E 2,71:1 No aprobado
Aa #2D455E sobre #050B33 1,93:1 No aprobado
Aa #1F9A40 sobre #10646D 1,88:1 No aprobado
Aa #10646D sobre #173924 1,86:1 No aprobado
Aa #30CBB2 sobre #1F9A40 1,79:1 No aprobado
Aa #C8FF61 sobre #30CBB2 1,74:1 No aprobado
Aa #173924 sobre #050B33 1,49:1 No aprobado
Aa #10646D sobre #2D455E 1,44:1 No aprobado
Aa #2D455E sobre #173924 1,29: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