Registrarse Registrarse
BloodThirst

BloodThirst

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Volver a la biblioteca

BloodThirst

Paleta de 9 colores · Colores cálidos · Tonos oscuros · Armonía triádica

Editar
Colores vibrantes 9 colores Colores cálidos Tonos oscuros Armonía triádica red crimson blood darkred
Me gusta 90
Colores 9

Variables 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 de 9 colores vibrantes va de Elizabeth Rose (#FBDFD0), su tono más claro, a Hadopelagic Water (#070020), el más oscuro. Combina Hadopelagic Water, Black Sabbath, Globe Thistle, Chocolate Cosmos, Heavy Heart, Star and Crescent Red, Boho Blush, Old Flame y Elizabeth Rose en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #070020 sobre #FBDFD0, con 16,09: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

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

Contraste y accesibilidad

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

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 No aprobado
Aa #C71F22 sobre #E48585 2,19:1 No aprobado
Aa #E48585 sobre #FBDFD0 2,07:1 No aprobado
Aa #070020 sobre #7C1327 1,92:1 No aprobado
Aa #7C1327 sobre #C71F22 1,84:1 No aprobado
Aa #22032A sobre #7C1327 1,78:1 No aprobado
Aa #36052B sobre #7C1327 1,63:1 No aprobado
Aa #E48585 sobre #F0B8B8 1,53:1 No aprobado
Aa #070020 sobre #580D27 1,46:1 No aprobado
Aa #22032A sobre #580D27 1,35:1 No aprobado
Aa #F0B8B8 sobre #FBDFD0 1,35:1 No aprobado
Aa #580D27 sobre #7C1327 1,32:1 No aprobado
Aa #36052B sobre #580D27 1,24:1 No aprobado
Aa #070020 sobre #36052B 1,18:1 No aprobado
Aa #22032A sobre #36052B 1,09:1 No aprobado
Aa #070020 sobre #22032A 1,08: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