Registrarse Registrarse
Black Hole Blues

Black Hole Blues

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

Volver a la biblioteca

Black Hole Blues

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 blue purple space
Me gusta 32
Colores 7

Variables CSS

:root {
  --c-muted-1: #050515;
  --c-muted-2: #141433;
  --c-muted-3: #17174D;
  --c-muted-4: #322563;
  --c-muted-5: #3F2563;
  --c-muted-6: #583578;
  --c-muted-7: #8A4E95;
}

Sobre esta paleta

Esta paleta de 7 colores apagados va de Cosmic Berry (#8A4E95), su tono más claro, a Obsidian Shard (#050515), el más oscuro. Combina Obsidian Shard, Lost in Sadness, Tetsu-Kon Blue, Paris M, Fading Horizon, Prism Violet y Cosmic Berry 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

Obsidian Shard #050515
RGB
rgb(5, 5, 21)
HSL
hsl(240, 62%, 5%)
Luminancia
0,002
Lost in Sadness #141433
RGB
rgb(20, 20, 51)
HSL
hsl(240, 44%, 14%)
Luminancia
0,009
Tetsu-Kon Blue #17174D
RGB
rgb(23, 23, 77)
HSL
hsl(240, 54%, 20%)
Luminancia
0,013
Paris M #322563
RGB
rgb(50, 37, 99)
HSL
hsl(253, 46%, 27%)
Luminancia
0,029
Fading Horizon #3F2563
RGB
rgb(63, 37, 99)
HSL
hsl(265, 46%, 27%)
Luminancia
0,033
Prism Violet #583578
RGB
rgb(88, 53, 120)
HSL
hsl(271, 39%, 34%)
Luminancia
0,060
Cosmic Berry #8A4E95
RGB
rgb(138, 78, 149)
HSL
hsl(291, 31%, 45%)
Luminancia
0,130

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 #050515 sobre #8A4E95 3,47:1 AA, texto grande
Aa #141433 sobre #8A4E95 3,06:1 AA, texto grande
Aa #17174D sobre #8A4E95 2,85:1 No aprobado
Aa #322563 sobre #8A4E95 2,28:1 No aprobado
Aa #3F2563 sobre #8A4E95 2,18:1 No aprobado
Aa #050515 sobre #583578 2,11:1 No aprobado
Aa #141433 sobre #583578 1,86:1 No aprobado
Aa #17174D sobre #583578 1,73:1 No aprobado
Aa #583578 sobre #8A4E95 1,64:1 No aprobado
Aa #050515 sobre #3F2563 1,59:1 No aprobado
Aa #050515 sobre #322563 1,52:1 No aprobado
Aa #141433 sobre #3F2563 1,41:1 No aprobado
Aa #322563 sobre #583578 1,39:1 No aprobado
Aa #141433 sobre #322563 1,34:1 No aprobado
Aa #3F2563 sobre #583578 1,33:1 No aprobado
Aa #17174D sobre #3F2563 1,31:1 No aprobado
Aa #17174D sobre #322563 1,25:1 No aprobado
Aa #050515 sobre #17174D 1,22:1 No aprobado
Aa #050515 sobre #141433 1,13:1 No aprobado
Aa #141433 sobre #17174D 1,08:1 No aprobado
Aa #322563 sobre #3F2563 1,05: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