Registrarse Registrarse
Spoozy2

Spoozy2

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

Volver a la biblioteca

Spoozy2

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

Editar
Colores apagados 9 colores Colores fríos Tonos oscuros Armonía triádica halloween
Me gusta 36
Colores 9

Variables CSS

:root {
  --c-muted-1: #3A1D4E;
  --c-muted-2: #34122D;
  --c-muted-3: #2B0C17;
  --c-muted-4: #230806;
  --c-muted-5: #7098FF;
  --c-muted-6: #3D3BA9;
  --c-muted-7: #25154C;
  --c-muted-8: #1A0F34;
  --c-muted-9: #0B0818;
}

Sobre esta paleta

Esta paleta de 9 colores apagados va de Punch Out Glove (#7098FF), su tono más claro, a Not Tonight (#0B0818), el más oscuro. Combina Obsidian Orchid, Cultist Robe, Dark Danger, Root Brew, Punch Out Glove, Purple Cabbage, Silent Orbit, Midnight Monarch y Not Tonight en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #7098FF sobre #0B0818, con 7,18: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

Obsidian Orchid #3A1D4E
RGB
rgb(58, 29, 78)
HSL
hsl(276, 46%, 21%)
Luminancia
0,023
Cultist Robe #34122D
RGB
rgb(52, 18, 45)
HSL
hsl(312, 49%, 14%)
Luminancia
0,014
Dark Danger #2B0C17
RGB
rgb(43, 12, 23)
HSL
hsl(339, 56%, 11%)
Luminancia
0,008
Root Brew #230806
RGB
rgb(35, 8, 6)
HSL
hsl(4, 71%, 8%)
Luminancia
0,005
Punch Out Glove #7098FF
RGB
rgb(112, 152, 255)
HSL
hsl(223, 100%, 72%)
Luminancia
0,331
Purple Cabbage #3D3BA9
RGB
rgb(61, 59, 169)
HSL
hsl(241, 48%, 45%)
Luminancia
0,070
Silent Orbit #25154C
RGB
rgb(37, 21, 76)
HSL
hsl(257, 57%, 19%)
Luminancia
0,015
Midnight Monarch #1A0F34
RGB
rgb(26, 15, 52)
HSL
hsl(258, 55%, 13%)
Luminancia
0,008
Not Tonight #0B0818
RGB
rgb(11, 8, 24)
HSL
hsl(251, 50%, 6%)
Luminancia
0,003

Contraste y accesibilidad

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

Aa #7098FF sobre #0B0818 7,18:1 AAA
Aa #230806 sobre #7098FF 6,88:1 AA
Aa #7098FF sobre #1A0F34 6,56:1 AA
Aa #2B0C17 sobre #7098FF 6,53:1 AA
Aa #34122D sobre #7098FF 6,00:1 AA
Aa #7098FF sobre #25154C 5,91:1 AA
Aa #3A1D4E sobre #7098FF 5,20:1 AA
Aa #7098FF sobre #3D3BA9 3,18:1 AA, texto grande
Aa #3D3BA9 sobre #0B0818 2,26:1 No aprobado
Aa #230806 sobre #3D3BA9 2,16:1 No aprobado
Aa #3D3BA9 sobre #1A0F34 2,06:1 No aprobado
Aa #2B0C17 sobre #3D3BA9 2,05:1 No aprobado
Aa #34122D sobre #3D3BA9 1,89:1 No aprobado
Aa #3D3BA9 sobre #25154C 1,86:1 No aprobado
Aa #3A1D4E sobre #3D3BA9 1,64:1 No aprobado
Aa #3A1D4E sobre #0B0818 1,38:1 No aprobado
Aa #3A1D4E sobre #230806 1,32:1 No aprobado
Aa #3A1D4E sobre #2B0C17 1,26:1 No aprobado
Aa #3A1D4E sobre #1A0F34 1,26:1 No aprobado
Aa #25154C sobre #0B0818 1,21:1 No aprobado
Aa #34122D sobre #0B0818 1,20:1 No aprobado
Aa #230806 sobre #25154C 1,16:1 No aprobado
Aa #3A1D4E sobre #34122D 1,15:1 No aprobado
Aa #34122D sobre #230806 1,15:1 No aprobado
Aa #3A1D4E sobre #25154C 1,14:1 No aprobado
Aa #2B0C17 sobre #25154C 1,11:1 No aprobado
Aa #25154C sobre #1A0F34 1,11:1 No aprobado
Aa #2B0C17 sobre #0B0818 1,10:1 No aprobado
Aa #34122D sobre #2B0C17 1,09:1 No aprobado
Aa #34122D sobre #1A0F34 1,09:1 No aprobado
Aa #1A0F34 sobre #0B0818 1,09:1 No aprobado
Aa #2B0C17 sobre #230806 1,05:1 No aprobado
Aa #230806 sobre #1A0F34 1,05:1 No aprobado
Aa #230806 sobre #0B0818 1,04:1 No aprobado
Aa #34122D sobre #25154C 1,02:1 No aprobado
Aa #2B0C17 sobre #1A0F34 1,01: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