Criar conta Criar conta
Ink Crimson

Ink Crimson

Paleta de 10 cores · Quente · Escura · Harmonia: Complementar

Voltar à biblioteca

Ink Crimson

Paleta de 10 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Complementar

Editar
Sóbria 10 cores Quente Escura Complementar red blue crimson cyberpunk
Curtidas 921
Cores 10

Variáveis 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 sóbria de 10 cores vai de Phosphorescent Blue (#0CE6F2), o tom mais claro, até Broken Tube (#09010D), o mais escuro. Ela reúne Cherry Soda, Vivid Burgundy, Plum Cheese, Blaze It Dark Magenta, Black Sabbath, Election Night, Broken Tube, Phosphorescent Blue, Atmosphere e Blue Chip em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #09010D sobre #0CE6F2, com 13,33:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

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

Contraste e acessibilidade

14 de 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado
Aa #17001D sobre #1E579C 2,75:1 Reprovado
Aa #270022 sobre #1E579C 2,61:1 Reprovado
Aa #FF0546 sobre #0CE6F2 2,54:1 Reprovado
Aa #9C173B sobre #09010D 2,54:1 Reprovado
Aa #9C173B sobre #0098DB 2,51:1 Reprovado
Aa #9C173B sobre #17001D 2,47:1 Reprovado
Aa #9C173B sobre #270022 2,34:1 Reprovado
Aa #0098DB sobre #1E579C 2,25:1 Reprovado
Aa #450327 sobre #1E579C 2,24:1 Reprovado
Aa #0CE6F2 sobre #0098DB 2,09:1 Reprovado
Aa #FF0546 sobre #9C173B 2,06:1 Reprovado
Aa #9C173B sobre #450327 2,01:1 Reprovado
Aa #FF0546 sobre #1E579C 1,85:1 Reprovado
Aa #660F31 sobre #1E579C 1,73:1 Reprovado
Aa #660F31 sobre #09010D 1,64:1 Reprovado
Aa #660F31 sobre #17001D 1,59:1 Reprovado
Aa #9C173B sobre #660F31 1,55:1 Reprovado
Aa #660F31 sobre #270022 1,51:1 Reprovado
Aa #660F31 sobre #450327 1,30:1 Reprovado
Aa #450327 sobre #09010D 1,27:1 Reprovado
Aa #450327 sobre #17001D 1,23:1 Reprovado
Aa #FF0546 sobre #0098DB 1,21:1 Reprovado
Aa #450327 sobre #270022 1,17:1 Reprovado
Aa #9C173B sobre #1E579C 1,12:1 Reprovado
Aa #270022 sobre #09010D 1,09:1 Reprovado
Aa #270022 sobre #17001D 1,05:1 Reprovado
Aa #17001D sobre #09010D 1,03:1 Reprovado

Paletas semelhantes

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