Registrarse Registrarse
Ink Crimson

Ink Crimson

Paleta de 10 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Ink Crimson

Paleta de 10 colores · Colores cálidos · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 10 colores Colores cálidos Tonos oscuros Armonía complementaria red blue crimson cyberpunk
Me gusta 921
Colores 10

Variables CSS

:root {
  --c-muted-1: #FF0546;
  --c-muted-2: #9C173B;
  --c-muted-3: #660F31;
  --c-muted-4: #450327;
  --c-muted-5: #270022;
  --c-muted-6: #17001D;
  --c-muted-7: #09010D;
  --c-muted-8: #0CE6F2;
  --c-muted-9: #0098DB;
  --c-muted-10: #1E579C;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de Phosphorescent Blue (#0CE6F2), su tono más claro, a Broken Tube (#09010D), el más oscuro. Combina Cherry Soda, Vivid Burgundy, Plum Cheese, Blaze It Dark Magenta, Black Sabbath, Election Night, Broken Tube, Phosphorescent Blue, Atmosphere y Blue Chip en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #09010D sobre #0CE6F2, con 13,33: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

Cherry Soda #FF0546
RGB
rgb(255, 5, 70)
HSL
hsl(344, 100%, 51%)
Luminancia
0,218
Vivid Burgundy #9C173B
RGB
rgb(156, 23, 59)
HSL
hsl(344, 74%, 35%)
Luminancia
0,080
Plum Cheese #660F31
RGB
rgb(102, 15, 49)
HSL
hsl(337, 74%, 23%)
Luminancia
0,034
Blaze It Dark Magenta #450327
RGB
rgb(69, 3, 39)
HSL
hsl(327, 92%, 14%)
Luminancia
0,015
Black Sabbath #270022
RGB
rgb(39, 0, 34)
HSL
hsl(308, 100%, 8%)
Luminancia
0,006
Election Night #17001D
RGB
rgb(23, 0, 29)
HSL
hsl(288, 100%, 6%)
Luminancia
0,003
Broken Tube #09010D
RGB
rgb(9, 1, 13)
HSL
hsl(280, 86%, 3%)
Luminancia
0,001
Phosphorescent Blue #0CE6F2
RGB
rgb(12, 230, 242)
HSL
hsl(183, 91%, 50%)
Luminancia
0,631
Atmosphere #0098DB
RGB
rgb(0, 152, 219)
HSL
hsl(198, 100%, 43%)
Luminancia
0,276
Blue Chip #1E579C
RGB
rgb(30, 87, 156)
HSL
hsl(213, 68%, 36%)
Luminancia
0,095

Contraste y accesibilidad

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

Aa #09010D sobre #0CE6F2 13,33:1 AAA
Aa #17001D sobre #0CE6F2 12,92:1 AAA
Aa #270022 sobre #0CE6F2 12,27:1 AAA
Aa #450327 sobre #0CE6F2 10,51:1 AAA
Aa #660F31 sobre #0CE6F2 8,12:1 AAA
Aa #09010D sobre #0098DB 6,38:1 AA
Aa #17001D sobre #0098DB 6,18:1 AA
Aa #270022 sobre #0098DB 5,87:1 AA
Aa #FF0546 sobre #09010D 5,25:1 AA
Aa #9C173B sobre #0CE6F2 5,24:1 AA
Aa #FF0546 sobre #17001D 5,09:1 AA
Aa #450327 sobre #0098DB 5,03:1 AA
Aa #FF0546 sobre #270022 4,83:1 AA
Aa #0CE6F2 sobre #1E579C 4,70:1 AA
Aa #FF0546 sobre #450327 4,14:1 AA, texto grande
Aa #660F31 sobre #0098DB 3,88:1 AA, texto grande
Aa #FF0546 sobre #660F31 3,20:1 AA, texto grande
Aa #09010D sobre #1E579C 2,84:1 No aprobado
Aa #17001D sobre #1E579C 2,75:1 No aprobado
Aa #270022 sobre #1E579C 2,61:1 No aprobado
Aa #FF0546 sobre #0CE6F2 2,54:1 No aprobado
Aa #9C173B sobre #09010D 2,54:1 No aprobado
Aa #9C173B sobre #0098DB 2,51:1 No aprobado
Aa #9C173B sobre #17001D 2,47:1 No aprobado
Aa #9C173B sobre #270022 2,34:1 No aprobado
Aa #0098DB sobre #1E579C 2,25:1 No aprobado
Aa #450327 sobre #1E579C 2,24:1 No aprobado
Aa #0CE6F2 sobre #0098DB 2,09:1 No aprobado
Aa #FF0546 sobre #9C173B 2,06:1 No aprobado
Aa #9C173B sobre #450327 2,01:1 No aprobado
Aa #FF0546 sobre #1E579C 1,85:1 No aprobado
Aa #660F31 sobre #1E579C 1,73:1 No aprobado
Aa #660F31 sobre #09010D 1,64:1 No aprobado
Aa #660F31 sobre #17001D 1,59:1 No aprobado
Aa #9C173B sobre #660F31 1,55:1 No aprobado
Aa #660F31 sobre #270022 1,51:1 No aprobado
Aa #660F31 sobre #450327 1,30:1 No aprobado
Aa #450327 sobre #09010D 1,27:1 No aprobado
Aa #450327 sobre #17001D 1,23:1 No aprobado
Aa #FF0546 sobre #0098DB 1,21:1 No aprobado
Aa #450327 sobre #270022 1,17:1 No aprobado
Aa #9C173B sobre #1E579C 1,12:1 No aprobado
Aa #270022 sobre #09010D 1,09:1 No aprobado
Aa #270022 sobre #17001D 1,05:1 No aprobado
Aa #17001D sobre #09010D 1,03:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores