Registrarse Registrarse
Sriracha

Sriracha

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

Volver a la biblioteca

Sriracha

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

Editar
Colores vibrantes 8 colores Colores cálidos Tonos mixtos Armonía triádica food spicy sriracha sauce
Me gusta 52
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #750500;
  --c-vibrant-2: #BC210A;
  --c-vibrant-3: #CD5532;
  --c-vibrant-4: #F1AF8D;
  --c-vibrant-5: #077D22;
  --c-vibrant-6: #289F4F;
  --c-vibrant-7: #4EC580;
  --c-vibrant-8: #E2E2C0;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Healing Springs (#E2E2C0), su tono más claro, a Chaotic Red (#750500), el más oscuro. Combina Chaotic Red, Lobster, Bronze Satin, Salmon Slice, Azure Radiance, Militant Vegan, Paris Green y Healing Springs en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #750500 sobre #E2E2C0, con 8,93: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

Chaotic Red #750500
RGB
rgb(117, 5, 0)
HSL
hsl(3, 100%, 23%)
Luminancia
0,039
Lobster #BC210A
RGB
rgb(188, 33, 10)
HSL
hsl(8, 90%, 39%)
Luminancia
0,118
Bronze Satin #CD5532
RGB
rgb(205, 85, 50)
HSL
hsl(14, 61%, 50%)
Luminancia
0,197
Salmon Slice #F1AF8D
RGB
rgb(241, 175, 141)
HSL
hsl(20, 78%, 75%)
Luminancia
0,513
Azure Radiance #077D22
RGB
rgb(7, 125, 34)
HSL
hsl(134, 89%, 26%)
Luminancia
0,148
Militant Vegan #289F4F
RGB
rgb(40, 159, 79)
HSL
hsl(140, 60%, 39%)
Luminancia
0,258
Paris Green #4EC580
RGB
rgb(78, 197, 128)
HSL
hsl(145, 51%, 54%)
Luminancia
0,431
Healing Springs #E2E2C0
RGB
rgb(226, 226, 192)
HSL
hsl(60, 37%, 82%)
Luminancia
0,744

Contraste y accesibilidad

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

Aa #750500 sobre #E2E2C0 8,93:1 AAA
Aa #750500 sobre #F1AF8D 6,33:1 AA
Aa #750500 sobre #4EC580 5,41:1 AA
Aa #BC210A sobre #E2E2C0 4,72:1 AA
Aa #077D22 sobre #E2E2C0 4,00:1 AA, texto grande
Aa #750500 sobre #289F4F 3,47:1 AA, texto grande
Aa #BC210A sobre #F1AF8D 3,35:1 AA, texto grande
Aa #CD5532 sobre #E2E2C0 3,21:1 AA, texto grande
Aa #BC210A sobre #4EC580 2,86:1 No aprobado
Aa #F1AF8D sobre #077D22 2,84:1 No aprobado
Aa #750500 sobre #CD5532 2,78:1 No aprobado
Aa #289F4F sobre #E2E2C0 2,58:1 No aprobado
Aa #077D22 sobre #4EC580 2,43:1 No aprobado
Aa #CD5532 sobre #F1AF8D 2,28:1 No aprobado
Aa #750500 sobre #077D22 2,23:1 No aprobado
Aa #CD5532 sobre #4EC580 1,95:1 No aprobado
Aa #750500 sobre #BC210A 1,89:1 No aprobado
Aa #BC210A sobre #289F4F 1,83:1 No aprobado
Aa #F1AF8D sobre #289F4F 1,83:1 No aprobado
Aa #4EC580 sobre #E2E2C0 1,65:1 No aprobado
Aa #289F4F sobre #4EC580 1,56:1 No aprobado
Aa #077D22 sobre #289F4F 1,55:1 No aprobado
Aa #BC210A sobre #CD5532 1,47:1 No aprobado
Aa #F1AF8D sobre #E2E2C0 1,41:1 No aprobado
Aa #CD5532 sobre #077D22 1,25:1 No aprobado
Aa #CD5532 sobre #289F4F 1,25:1 No aprobado
Aa #BC210A sobre #077D22 1,18:1 No aprobado
Aa #F1AF8D sobre #4EC580 1,17: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