Registrarse Registrarse
POISON CLOUD

POISON CLOUD

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

Volver a la biblioteca

POISON CLOUD

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

Editar
Colores apagados 12 colores Colores fríos Tonos oscuros Armonía complementaria green blue purple limited
Me gusta 69
Colores 12

Variables CSS

:root {
  --c-muted-1: #060628;
  --c-muted-2: #0B1B41;
  --c-muted-3: #143F64;
  --c-muted-4: #18676E;
  --c-muted-5: #27886A;
  --c-muted-6: #3E9E58;
  --c-muted-7: #230628;
  --c-muted-8: #34093B;
  --c-muted-9: #3A1358;
  --c-muted-10: #412374;
  --c-muted-11: #473382;
  --c-muted-12: #4D4697;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Chateau Green (#3E9E58), su tono más claro, a Mysterious Depths (#060628), el más oscuro. Combina Mysterious Depths, Dark Eclipse, Blue Opal, Seamount, Accent Green Blue, Chateau Green, Black Sabbath, Dark Purple, Wicked Purple, Explorer of the Galaxies, Majestic Eggplant y Liberty en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #060628 sobre #3E9E58, con 5,86: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

Mysterious Depths #060628
RGB
rgb(6, 6, 40)
HSL
hsl(240, 74%, 9%)
Luminancia
0,003
Dark Eclipse #0B1B41
RGB
rgb(11, 27, 65)
HSL
hsl(222, 71%, 15%)
Luminancia
0,012
Blue Opal #143F64
RGB
rgb(20, 63, 100)
HSL
hsl(208, 67%, 24%)
Luminancia
0,046
Seamount #18676E
RGB
rgb(24, 103, 110)
HSL
hsl(185, 64%, 26%)
Luminancia
0,110
Accent Green Blue #27886A
RGB
rgb(39, 136, 106)
HSL
hsl(161, 55%, 34%)
Luminancia
0,191
Chateau Green #3E9E58
RGB
rgb(62, 158, 88)
HSL
hsl(136, 44%, 43%)
Luminancia
0,262
Black Sabbath #230628
RGB
rgb(35, 6, 40)
HSL
hsl(291, 74%, 9%)
Luminancia
0,006
Dark Purple #34093B
RGB
rgb(52, 9, 59)
HSL
hsl(292, 74%, 13%)
Luminancia
0,012
Wicked Purple #3A1358
RGB
rgb(58, 19, 88)
HSL
hsl(274, 64%, 21%)
Luminancia
0,021
Explorer of the Galaxies #412374
RGB
rgb(65, 35, 116)
HSL
hsl(262, 54%, 30%)
Luminancia
0,036
Majestic Eggplant #473382
RGB
rgb(71, 51, 130)
HSL
hsl(255, 44%, 35%)
Luminancia
0,053
Liberty #4D4697
RGB
rgb(77, 70, 151)
HSL
hsl(245, 37%, 43%)
Luminancia
0,082

Contraste y accesibilidad

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

Aa #060628 sobre #3E9E58 5,86:1 AA
Aa #3E9E58 sobre #230628 5,53:1 AA
Aa #0B1B41 sobre #3E9E58 5,00:1 AA
Aa #3E9E58 sobre #34093B 5,00:1 AA
Aa #060628 sobre #27886A 4,52:1 AA
Aa #3E9E58 sobre #3A1358 4,41:1 AA, texto grande
Aa #27886A sobre #230628 4,27:1 AA, texto grande
Aa #0B1B41 sobre #27886A 3,86:1 AA, texto grande
Aa #27886A sobre #34093B 3,86:1 AA, texto grande
Aa #3E9E58 sobre #412374 3,63:1 AA, texto grande
Aa #27886A sobre #3A1358 3,41:1 AA, texto grande
Aa #143F64 sobre #3E9E58 3,24:1 AA, texto grande
Aa #3E9E58 sobre #473382 3,02:1 AA, texto grande
Aa #060628 sobre #18676E 3,01:1 AA, texto grande
Aa #18676E sobre #230628 2,84:1 No aprobado
Aa #27886A sobre #412374 2,80:1 No aprobado
Aa #0B1B41 sobre #18676E 2,57:1 No aprobado
Aa #18676E sobre #34093B 2,57:1 No aprobado
Aa #143F64 sobre #27886A 2,50:1 No aprobado
Aa #060628 sobre #4D4697 2,48:1 No aprobado
Aa #3E9E58 sobre #4D4697 2,36:1 No aprobado
Aa #230628 sobre #4D4697 2,34:1 No aprobado
Aa #27886A sobre #473382 2,33:1 No aprobado
Aa #18676E sobre #3A1358 2,27:1 No aprobado
Aa #0B1B41 sobre #4D4697 2,12:1 No aprobado
Aa #34093B sobre #4D4697 2,11:1 No aprobado
Aa #18676E sobre #3E9E58 1,95:1 No aprobado
Aa #060628 sobre #473382 1,94:1 No aprobado
Aa #18676E sobre #412374 1,87:1 No aprobado
Aa #3A1358 sobre #4D4697 1,87:1 No aprobado
Aa #27886A sobre #4D4697 1,83:1 No aprobado
Aa #230628 sobre #473382 1,83:1 No aprobado
Aa #060628 sobre #143F64 1,81:1 No aprobado
Aa #143F64 sobre #230628 1,71:1 No aprobado
Aa #143F64 sobre #18676E 1,66:1 No aprobado
Aa #0B1B41 sobre #473382 1,65:1 No aprobado
Aa #34093B sobre #473382 1,65:1 No aprobado
Aa #060628 sobre #412374 1,61:1 No aprobado
Aa #18676E sobre #473382 1,55:1 No aprobado
Aa #0B1B41 sobre #143F64 1,54:1 No aprobado
Aa #143F64 sobre #34093B 1,54:1 No aprobado
Aa #412374 sobre #4D4697 1,54:1 No aprobado
Aa #230628 sobre #412374 1,52:1 No aprobado
Aa #18676E sobre #27886A 1,50:1 No aprobado
Aa #3A1358 sobre #473382 1,46:1 No aprobado
Aa #0B1B41 sobre #412374 1,38:1 No aprobado
Aa #34093B sobre #412374 1,38:1 No aprobado
Aa #143F64 sobre #4D4697 1,37:1 No aprobado
Aa #143F64 sobre #3A1358 1,36:1 No aprobado
Aa #060628 sobre #3A1358 1,33:1 No aprobado
Aa #27886A sobre #3E9E58 1,29:1 No aprobado
Aa #473382 sobre #4D4697 1,28:1 No aprobado
Aa #230628 sobre #3A1358 1,25:1 No aprobado
Aa #18676E sobre #4D4697 1,21:1 No aprobado
Aa #3A1358 sobre #412374 1,21:1 No aprobado
Aa #412374 sobre #473382 1,20:1 No aprobado
Aa #060628 sobre #0B1B41 1,17:1 No aprobado
Aa #060628 sobre #34093B 1,17:1 No aprobado
Aa #0B1B41 sobre #3A1358 1,13:1 No aprobado
Aa #34093B sobre #3A1358 1,13:1 No aprobado
Aa #143F64 sobre #412374 1,12:1 No aprobado
Aa #0B1B41 sobre #230628 1,11:1 No aprobado
Aa #230628 sobre #34093B 1,11:1 No aprobado
Aa #143F64 sobre #473382 1,07:1 No aprobado
Aa #060628 sobre #230628 1,06:1 No aprobado
Aa #0B1B41 sobre #34093B 1,00: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