Criar conta Criar conta
Sriracha

Sriracha

Paleta de 8 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Sriracha

Paleta de 8 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Vibrante 8 cores Quente Mista Triádica food spicy sriracha sauce
Curtidas 52
Cores 8

Variáveis 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 vibrante de 8 cores vai de Healing Springs (#E2E2C0), o tom mais claro, até Chaotic Red (#750500), o mais escuro. Ela reúne Chaotic Red, Lobster, Bronze Satin, Salmon Slice, Azure Radiance, Militant Vegan, Paris Green e Healing Springs em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #750500 sobre #E2E2C0, com 8,93: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

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

Contraste e acessibilidade

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

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 Reprovado
Aa #F1AF8D sobre #077D22 2,84:1 Reprovado
Aa #750500 sobre #CD5532 2,78:1 Reprovado
Aa #289F4F sobre #E2E2C0 2,58:1 Reprovado
Aa #077D22 sobre #4EC580 2,43:1 Reprovado
Aa #CD5532 sobre #F1AF8D 2,28:1 Reprovado
Aa #750500 sobre #077D22 2,23:1 Reprovado
Aa #CD5532 sobre #4EC580 1,95:1 Reprovado
Aa #750500 sobre #BC210A 1,89:1 Reprovado
Aa #BC210A sobre #289F4F 1,83:1 Reprovado
Aa #F1AF8D sobre #289F4F 1,83:1 Reprovado
Aa #4EC580 sobre #E2E2C0 1,65:1 Reprovado
Aa #289F4F sobre #4EC580 1,56:1 Reprovado
Aa #077D22 sobre #289F4F 1,55:1 Reprovado
Aa #BC210A sobre #CD5532 1,47:1 Reprovado
Aa #F1AF8D sobre #E2E2C0 1,41:1 Reprovado
Aa #CD5532 sobre #077D22 1,25:1 Reprovado
Aa #CD5532 sobre #289F4F 1,25:1 Reprovado
Aa #BC210A sobre #077D22 1,18:1 Reprovado
Aa #F1AF8D sobre #4EC580 1,17:1 Reprovado

Paletas semelhantes

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