Criar conta Criar conta
BloodThirst

BloodThirst

Paleta de 9 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

BloodThirst

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar
Vibrante 9 cores Quente Escura Triádica red crimson blood darkred
Curtidas 90
Cores 9

Variáveis CSS

:root {
  --c-vibrant-1: #070020;
  --c-vibrant-2: #22032A;
  --c-vibrant-3: #36052B;
  --c-vibrant-4: #580D27;
  --c-vibrant-5: #7C1327;
  --c-vibrant-6: #C71F22;
  --c-vibrant-7: #E48585;
  --c-vibrant-8: #F0B8B8;
  --c-vibrant-9: #FBDFD0;
}

Sobre esta paleta

Esta paleta vibrante de 9 cores vai de Elizabeth Rose (#FBDFD0), o tom mais claro, até Hadopelagic Water (#070020), o mais escuro. Ela reúne Hadopelagic Water, Black Sabbath, Globe Thistle, Chocolate Cosmos, Heavy Heart, Star and Crescent Red, Boho Blush, Old Flame e Elizabeth Rose em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #070020 sobre #FBDFD0, com 16,09: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

Hadopelagic Water #070020
RGB
rgb(7, 0, 32)
HSL
hsl(253, 100%, 6%)
Luminância
0,002
Black Sabbath #22032A
RGB
rgb(34, 3, 42)
HSL
hsl(288, 87%, 9%)
Luminância
0,006
Globe Thistle #36052B
RGB
rgb(54, 5, 43)
HSL
hsl(313, 83%, 12%)
Luminância
0,011
Chocolate Cosmos #580D27
RGB
rgb(88, 13, 39)
HSL
hsl(339, 74%, 20%)
Luminância
0,025
Heavy Heart #7C1327
RGB
rgb(124, 19, 39)
HSL
hsl(349, 73%, 28%)
Luminância
0,049
Star and Crescent Red #C71F22
RGB
rgb(199, 31, 34)
HSL
hsl(359, 73%, 45%)
Luminância
0,132
Boho Blush #E48585
RGB
rgb(228, 133, 133)
HSL
hsl(0, 64%, 71%)
Luminância
0,350
Old Flame #F0B8B8
RGB
rgb(240, 184, 184)
HSL
hsl(0, 65%, 83%)
Luminância
0,563
Elizabeth Rose #FBDFD0
RGB
rgb(251, 223, 208)
HSL
hsl(21, 84%, 90%)
Luminância
0,778

Contraste e acessibilidade

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

Aa #070020 sobre #FBDFD0 16,09:1 AAA
Aa #22032A sobre #FBDFD0 14,87:1 AAA
Aa #36052B sobre #FBDFD0 13,65:1 AAA
Aa #070020 sobre #F0B8B8 11,90:1 AAA
Aa #580D27 sobre #FBDFD0 11,03:1 AAA
Aa #22032A sobre #F0B8B8 10,99:1 AAA
Aa #36052B sobre #F0B8B8 10,10:1 AAA
Aa #7C1327 sobre #FBDFD0 8,37:1 AAA
Aa #580D27 sobre #F0B8B8 8,16:1 AAA
Aa #070020 sobre #E48585 7,76:1 AAA
Aa #22032A sobre #E48585 7,17:1 AAA
Aa #36052B sobre #E48585 6,59:1 AA
Aa #7C1327 sobre #F0B8B8 6,19:1 AA
Aa #580D27 sobre #E48585 5,32:1 AA
Aa #C71F22 sobre #FBDFD0 4,54:1 AA
Aa #7C1327 sobre #E48585 4,04:1 AA, texto grande
Aa #070020 sobre #C71F22 3,54:1 AA, texto grande
Aa #C71F22 sobre #F0B8B8 3,36:1 AA, texto grande
Aa #22032A sobre #C71F22 3,27:1 AA, texto grande
Aa #36052B sobre #C71F22 3,01:1 AA, texto grande
Aa #580D27 sobre #C71F22 2,43:1 Reprovado
Aa #C71F22 sobre #E48585 2,19:1 Reprovado
Aa #E48585 sobre #FBDFD0 2,07:1 Reprovado
Aa #070020 sobre #7C1327 1,92:1 Reprovado
Aa #7C1327 sobre #C71F22 1,84:1 Reprovado
Aa #22032A sobre #7C1327 1,78:1 Reprovado
Aa #36052B sobre #7C1327 1,63:1 Reprovado
Aa #E48585 sobre #F0B8B8 1,53:1 Reprovado
Aa #070020 sobre #580D27 1,46:1 Reprovado
Aa #22032A sobre #580D27 1,35:1 Reprovado
Aa #F0B8B8 sobre #FBDFD0 1,35:1 Reprovado
Aa #580D27 sobre #7C1327 1,32:1 Reprovado
Aa #36052B sobre #580D27 1,24:1 Reprovado
Aa #070020 sobre #36052B 1,18:1 Reprovado
Aa #22032A sobre #36052B 1,09:1 Reprovado
Aa #070020 sobre #22032A 1,08: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