Registrarse Registrarse
Inferno 666

Inferno 666

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Inferno 666

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 8 colores Colores cálidos Tonos mixtos Armonía complementaria pixelart orange fire red
Me gusta 45
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #FFDD69;
  --c-vibrant-2: #FE8E63;
  --c-vibrant-3: #D23B36;
  --c-vibrant-4: #AC1242;
  --c-vibrant-5: #77123D;
  --c-vibrant-6: #3E1548;
  --c-vibrant-7: #210743;
  --c-vibrant-8: #000323;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Lemon Tart (#FFDD69), su tono más claro, a Hadopelagic Water (#000323), el más oscuro. Combina Lemon Tart, Pink Orange, Blade Runner Red, Bloody Periphylla, Her Fierceness, Velvet Cosmos, Your Darkness y Hadopelagic Water en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FFDD69 sobre #000323, con 15,23: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

Lemon Tart #FFDD69
RGB
rgb(255, 221, 105)
HSL
hsl(46, 100%, 71%)
Luminancia
0,740
Pink Orange #FE8E63
RGB
rgb(254, 142, 99)
HSL
hsl(17, 99%, 69%)
Luminancia
0,413
Blade Runner Red #D23B36
RGB
rgb(210, 59, 54)
HSL
hsl(2, 63%, 52%)
Luminancia
0,171
Bloody Periphylla #AC1242
RGB
rgb(172, 18, 66)
HSL
hsl(341, 81%, 37%)
Luminancia
0,096
Her Fierceness #77123D
RGB
rgb(119, 18, 61)
HSL
hsl(334, 74%, 27%)
Luminancia
0,047
Velvet Cosmos #3E1548
RGB
rgb(62, 21, 72)
HSL
hsl(288, 55%, 18%)
Luminancia
0,020
Your Darkness #210743
RGB
rgb(33, 7, 67)
HSL
hsl(266, 81%, 15%)
Luminancia
0,009
Hadopelagic Water #000323
RGB
rgb(0, 3, 35)
HSL
hsl(235, 100%, 7%)
Luminancia
0,002

Contraste y accesibilidad

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

Aa #FFDD69 sobre #000323 15,23:1 AAA
Aa #FFDD69 sobre #210743 13,43:1 AAA
Aa #FFDD69 sobre #3E1548 11,24:1 AAA
Aa #FE8E63 sobre #000323 8,93:1 AAA
Aa #FFDD69 sobre #77123D 8,15:1 AAA
Aa #FE8E63 sobre #210743 7,88:1 AAA
Aa #FE8E63 sobre #3E1548 6,59:1 AA
Aa #FFDD69 sobre #AC1242 5,41:1 AA
Aa #FE8E63 sobre #77123D 4,78:1 AA
Aa #D23B36 sobre #000323 4,26:1 AA, texto grande
Aa #D23B36 sobre #210743 3,76:1 AA, texto grande
Aa #FFDD69 sobre #D23B36 3,57:1 AA, texto grande
Aa #FE8E63 sobre #AC1242 3,17:1 AA, texto grande
Aa #D23B36 sobre #3E1548 3,14:1 AA, texto grande
Aa #AC1242 sobre #000323 2,81:1 No aprobado
Aa #AC1242 sobre #210743 2,48:1 No aprobado
Aa #D23B36 sobre #77123D 2,28:1 No aprobado
Aa #FE8E63 sobre #D23B36 2,10:1 No aprobado
Aa #AC1242 sobre #3E1548 2,08:1 No aprobado
Aa #77123D sobre #000323 1,87:1 No aprobado
Aa #FFDD69 sobre #FE8E63 1,71:1 No aprobado
Aa #77123D sobre #210743 1,65:1 No aprobado
Aa #D23B36 sobre #AC1242 1,51:1 No aprobado
Aa #AC1242 sobre #77123D 1,51:1 No aprobado
Aa #77123D sobre #3E1548 1,38:1 No aprobado
Aa #3E1548 sobre #000323 1,36:1 No aprobado
Aa #3E1548 sobre #210743 1,20:1 No aprobado
Aa #210743 sobre #000323 1,13:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores