Registrarse Registrarse
Blue Night

Blue Night

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

Volver a la biblioteca

Blue Night

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

Editar
Colores apagados 9 colores Colores fríos Tonos oscuros Armonía análoga night dark blue cool
Me gusta 27
Colores 9

Variables CSS

:root {
  --c-muted-1: #050526;
  --c-muted-2: #12073E;
  --c-muted-3: #201254;
  --c-muted-4: #241B67;
  --c-muted-5: #242472;
  --c-muted-6: #283077;
  --c-muted-7: #30407D;
  --c-muted-8: #3F578A;
  --c-muted-9: #4576A3;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de Decoration Blue (#4576A3), su tono más claro, a Mysterious Depths (#050526), el más oscuro. Combina Mysterious Depths, Congressional Navy, Praise of Shadow, Intergalactic Cowboy, After Work Blue, Blue Rose, Mazarine Blue, Demon Blue y Decoration Blue en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 36 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

Mysterious Depths #050526
RGB
rgb(5, 5, 38)
HSL
hsl(240, 77%, 8%)
Luminancia
0,003
Congressional Navy #12073E
RGB
rgb(18, 7, 62)
HSL
hsl(252, 80%, 14%)
Luminancia
0,006
Praise of Shadow #201254
RGB
rgb(32, 18, 84)
HSL
hsl(253, 65%, 20%)
Luminancia
0,014
Intergalactic Cowboy #241B67
RGB
rgb(36, 27, 103)
HSL
hsl(247, 58%, 25%)
Luminancia
0,021
After Work Blue #242472
RGB
rgb(36, 36, 114)
HSL
hsl(240, 52%, 29%)
Luminancia
0,029
Blue Rose #283077
RGB
rgb(40, 48, 119)
HSL
hsl(234, 50%, 31%)
Luminancia
0,039
Mazarine Blue #30407D
RGB
rgb(48, 64, 125)
HSL
hsl(228, 45%, 34%)
Luminancia
0,058
Demon Blue #3F578A
RGB
rgb(63, 87, 138)
HSL
hsl(221, 37%, 39%)
Luminancia
0,097
Decoration Blue #4576A3
RGB
rgb(69, 118, 163)
HSL
hsl(209, 41%, 45%)
Luminancia
0,169

Contraste y accesibilidad

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

Aa #050526 sobre #4576A3 4,14:1 AA, texto grande
Aa #12073E sobre #4576A3 3,89:1 AA, texto grande
Aa #201254 sobre #4576A3 3,43:1 AA, texto grande
Aa #241B67 sobre #4576A3 3,06:1 AA, texto grande
Aa #050526 sobre #3F578A 2,79:1 No aprobado
Aa #242472 sobre #4576A3 2,78:1 No aprobado
Aa #12073E sobre #3F578A 2,61:1 No aprobado
Aa #283077 sobre #4576A3 2,46:1 No aprobado
Aa #201254 sobre #3F578A 2,31:1 No aprobado
Aa #241B67 sobre #3F578A 2,06:1 No aprobado
Aa #050526 sobre #30407D 2,04:1 No aprobado
Aa #30407D sobre #4576A3 2,03:1 No aprobado
Aa #12073E sobre #30407D 1,91:1 No aprobado
Aa #242472 sobre #3F578A 1,87:1 No aprobado
Aa #201254 sobre #30407D 1,69:1 No aprobado
Aa #050526 sobre #283077 1,68:1 No aprobado
Aa #283077 sobre #3F578A 1,65:1 No aprobado
Aa #12073E sobre #283077 1,58:1 No aprobado
Aa #241B67 sobre #30407D 1,51:1 No aprobado
Aa #050526 sobre #242472 1,49:1 No aprobado
Aa #3F578A sobre #4576A3 1,49:1 No aprobado
Aa #12073E sobre #242472 1,40:1 No aprobado
Aa #201254 sobre #283077 1,39:1 No aprobado
Aa #242472 sobre #30407D 1,37:1 No aprobado
Aa #30407D sobre #3F578A 1,36:1 No aprobado
Aa #050526 sobre #241B67 1,35:1 No aprobado
Aa #12073E sobre #241B67 1,27:1 No aprobado
Aa #241B67 sobre #283077 1,25:1 No aprobado
Aa #201254 sobre #242472 1,23:1 No aprobado
Aa #050526 sobre #201254 1,21:1 No aprobado
Aa #283077 sobre #30407D 1,21:1 No aprobado
Aa #12073E sobre #201254 1,13:1 No aprobado
Aa #242472 sobre #283077 1,13:1 No aprobado
Aa #201254 sobre #241B67 1,12:1 No aprobado
Aa #241B67 sobre #242472 1,10:1 No aprobado
Aa #050526 sobre #12073E 1,07: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