Registrarse Registrarse
Midnight Magic

Midnight Magic

Paleta de 7 colores · Colores fríos · Tonos oscuros · Armonía análoga

Volver a la biblioteca

Midnight Magic

Paleta de 7 colores · Colores fríos · Tonos oscuros · Armonía análoga

Editar
Colores apagados 7 colores Colores fríos Tonos oscuros Armonía análoga purple
Me gusta 74
Colores 7

Variables CSS

:root {
  --c-muted-1: #05020D;
  --c-muted-2: #12021A;
  --c-muted-3: #1D072A;
  --c-muted-4: #260F3F;
  --c-muted-5: #381E5E;
  --c-muted-6: #4D3981;
  --c-muted-7: #6660A3;
}

Sobre esta paleta

Esta paleta de 7 colores apagados va de Giant Onion (#6660A3), su tono más claro, a Broken Tube (#05020D), el más oscuro. Combina Broken Tube, Midnight Jam, Black Sabbath, Shadow Planet, Christalle, Prism Violet y Giant Onion en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 21 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Desglose de colores

Broken Tube #05020D
RGB
rgb(5, 2, 13)
HSL
hsl(256, 73%, 3%)
Luminancia
0,001
Midnight Jam #12021A
RGB
rgb(18, 2, 26)
HSL
hsl(280, 86%, 5%)
Luminancia
0,003
Black Sabbath #1D072A
RGB
rgb(29, 7, 42)
HSL
hsl(278, 71%, 10%)
Luminancia
0,006
Shadow Planet #260F3F
RGB
rgb(38, 15, 63)
HSL
hsl(269, 62%, 15%)
Luminancia
0,011
Christalle #381E5E
RGB
rgb(56, 30, 94)
HSL
hsl(264, 52%, 24%)
Luminancia
0,026
Prism Violet #4D3981
RGB
rgb(77, 57, 129)
HSL
hsl(257, 39%, 36%)
Luminancia
0,061
Giant Onion #6660A3
RGB
rgb(102, 96, 163)
HSL
hsl(245, 27%, 51%)
Luminancia
0,138

Contraste y accesibilidad

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

Aa #05020D sobre #6660A3 3,69:1 AA, texto grande
Aa #12021A sobre #6660A3 3,59:1 AA, texto grande
Aa #1D072A sobre #6660A3 3,38:1 AA, texto grande
Aa #260F3F sobre #6660A3 3,08:1 AA, texto grande
Aa #381E5E sobre #6660A3 2,49:1 No aprobado
Aa #05020D sobre #4D3981 2,17:1 No aprobado
Aa #12021A sobre #4D3981 2,11:1 No aprobado
Aa #1D072A sobre #4D3981 1,99:1 No aprobado
Aa #260F3F sobre #4D3981 1,81:1 No aprobado
Aa #4D3981 sobre #6660A3 1,70:1 No aprobado
Aa #05020D sobre #381E5E 1,48:1 No aprobado
Aa #381E5E sobre #4D3981 1,46:1 No aprobado
Aa #12021A sobre #381E5E 1,44:1 No aprobado
Aa #1D072A sobre #381E5E 1,36:1 No aprobado
Aa #260F3F sobre #381E5E 1,24:1 No aprobado
Aa #05020D sobre #260F3F 1,20:1 No aprobado
Aa #12021A sobre #260F3F 1,17:1 No aprobado
Aa #1D072A sobre #260F3F 1,10:1 No aprobado
Aa #05020D sobre #1D072A 1,09:1 No aprobado
Aa #12021A sobre #1D072A 1,06:1 No aprobado
Aa #05020D sobre #12021A 1,03: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