Criar conta Criar conta
TriRampo

TriRampo

Paleta de 12 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

TriRampo

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 12 cores Quente Mista Complementar colorful anubiarts 12 trirampo
Curtidas 105
Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #703075;
  --c-vibrant-2: #CC3184;
  --c-vibrant-3: #E87D43;
  --c-vibrant-4: #FFCE6B;
  --c-vibrant-5: #DAF0D1;
  --c-vibrant-6: #5DD477;
  --c-vibrant-7: #25A2A8;
  --c-vibrant-8: #4B56EB;
  --c-vibrant-9: #2F328F;
  --c-vibrant-10: #2C203D;
  --c-vibrant-11: #7A8799;
  --c-vibrant-12: #AEC2C2;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Blue Romance (#DAF0D1), o tom mais claro, até Throat (#2C203D), o mais escuro. Ela reúne Galactic Grapevine, Shrine of Pleasures, Solar Flare, Faded Sunlight, Blue Romance, Spring Bouquet, Cancer Seagreen Scarab, Qing Dynasty Dragon, Ultramarine Highlight, Throat, Spartan Blue e Dover Surf em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DAF0D1 sobre #2C203D, com 12,57: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

Galactic Grapevine #703075
RGB
rgb(112, 48, 117)
HSL
hsl(296, 42%, 32%)
Luminância
0,068
Shrine of Pleasures #CC3184
RGB
rgb(204, 49, 132)
HSL
hsl(328, 61%, 50%)
Luminância
0,167
Solar Flare #E87D43
RGB
rgb(232, 125, 67)
HSL
hsl(21, 78%, 59%)
Luminância
0,322
Faded Sunlight #FFCE6B
RGB
rgb(255, 206, 107)
HSL
hsl(40, 100%, 71%)
Luminância
0,665
Blue Romance #DAF0D1
RGB
rgb(218, 240, 209)
HSL
hsl(103, 51%, 88%)
Luminância
0,818
Spring Bouquet #5DD477
RGB
rgb(93, 212, 119)
HSL
hsl(133, 58%, 60%)
Luminância
0,508
Cancer Seagreen Scarab #25A2A8
RGB
rgb(37, 162, 168)
HSL
hsl(183, 64%, 40%)
Luminância
0,291
Qing Dynasty Dragon #4B56EB
RGB
rgb(75, 86, 235)
HSL
hsl(236, 80%, 61%)
Luminância
0,142
Ultramarine Highlight #2F328F
RGB
rgb(47, 50, 143)
HSL
hsl(238, 51%, 37%)
Luminância
0,049
Throat #2C203D
RGB
rgb(44, 32, 61)
HSL
hsl(265, 31%, 18%)
Luminância
0,019
Spartan Blue #7A8799
RGB
rgb(122, 135, 153)
HSL
hsl(215, 13%, 54%)
Luminância
0,238
Dover Surf #AEC2C2
RGB
rgb(174, 194, 194)
HSL
hsl(180, 14%, 72%)
Luminância
0,515

Contraste e acessibilidade

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

Aa #DAF0D1 sobre #2C203D 12,57:1 AAA
Aa #FFCE6B sobre #2C203D 10,35:1 AAA
Aa #DAF0D1 sobre #2F328F 8,80:1 AAA
Aa #2C203D sobre #AEC2C2 8,18:1 AAA
Aa #5DD477 sobre #2C203D 8,07:1 AAA
Aa #703075 sobre #DAF0D1 7,33:1 AAA
Aa #FFCE6B sobre #2F328F 7,24:1 AAA
Aa #703075 sobre #FFCE6B 6,03:1 AA
Aa #2F328F sobre #AEC2C2 5,72:1 AA
Aa #5DD477 sobre #2F328F 5,65:1 AA
Aa #E87D43 sobre #2C203D 5,39:1 AA
Aa #25A2A8 sobre #2C203D 4,93:1 AA
Aa #703075 sobre #AEC2C2 4,77:1 AA
Aa #703075 sobre #5DD477 4,71:1 AA
Aa #DAF0D1 sobre #4B56EB 4,53:1 AA
Aa #2C203D sobre #7A8799 4,17:1 AA, texto grande
Aa #CC3184 sobre #DAF0D1 4,00:1 AA, texto grande
Aa #E87D43 sobre #2F328F 3,77:1 AA, texto grande
Aa #FFCE6B sobre #4B56EB 3,73:1 AA, texto grande
Aa #25A2A8 sobre #2F328F 3,45:1 AA, texto grande
Aa #CC3184 sobre #FFCE6B 3,29:1 AA, texto grande
Aa #703075 sobre #E87D43 3,14:1 AA, texto grande
Aa #CC3184 sobre #2C203D 3,14:1 AA, texto grande
Aa #DAF0D1 sobre #7A8799 3,02:1 AA, texto grande
Aa #4B56EB sobre #AEC2C2 2,95:1 Reprovado
Aa #5DD477 sobre #4B56EB 2,91:1 Reprovado
Aa #2F328F sobre #7A8799 2,91:1 Reprovado
Aa #703075 sobre #25A2A8 2,88:1 Reprovado
Aa #4B56EB sobre #2C203D 2,77:1 Reprovado
Aa #CC3184 sobre #AEC2C2 2,60:1 Reprovado
Aa #CC3184 sobre #5DD477 2,57:1 Reprovado
Aa #DAF0D1 sobre #25A2A8 2,55:1 Reprovado
Aa #FFCE6B sobre #7A8799 2,48:1 Reprovado
Aa #703075 sobre #7A8799 2,43:1 Reprovado
Aa #E87D43 sobre #DAF0D1 2,33:1 Reprovado
Aa #CC3184 sobre #2F328F 2,20:1 Reprovado
Aa #FFCE6B sobre #25A2A8 2,10:1 Reprovado
Aa #7A8799 sobre #AEC2C2 1,96:1 Reprovado
Aa #E87D43 sobre #4B56EB 1,94:1 Reprovado
Aa #5DD477 sobre #7A8799 1,94:1 Reprovado
Aa #4B56EB sobre #2F328F 1,94:1 Reprovado
Aa #E87D43 sobre #FFCE6B 1,92:1 Reprovado
Aa #703075 sobre #CC3184 1,83:1 Reprovado
Aa #25A2A8 sobre #4B56EB 1,78:1 Reprovado
Aa #703075 sobre #2C203D 1,72:1 Reprovado
Aa #CC3184 sobre #E87D43 1,72:1 Reprovado
Aa #25A2A8 sobre #AEC2C2 1,66:1 Reprovado
Aa #5DD477 sobre #25A2A8 1,64:1 Reprovado
Aa #703075 sobre #4B56EB 1,62:1 Reprovado
Aa #CC3184 sobre #25A2A8 1,57:1 Reprovado
Aa #DAF0D1 sobre #5DD477 1,56:1 Reprovado
Aa #DAF0D1 sobre #AEC2C2 1,54:1 Reprovado
Aa #E87D43 sobre #AEC2C2 1,52:1 Reprovado
Aa #E87D43 sobre #5DD477 1,50:1 Reprovado
Aa #4B56EB sobre #7A8799 1,50:1 Reprovado
Aa #2F328F sobre #2C203D 1,43:1 Reprovado
Aa #CC3184 sobre #7A8799 1,33:1 Reprovado
Aa #E87D43 sobre #7A8799 1,29:1 Reprovado
Aa #FFCE6B sobre #5DD477 1,28:1 Reprovado
Aa #FFCE6B sobre #AEC2C2 1,27:1 Reprovado
Aa #FFCE6B sobre #DAF0D1 1,22:1 Reprovado
Aa #703075 sobre #2F328F 1,20:1 Reprovado
Aa #25A2A8 sobre #7A8799 1,18:1 Reprovado
Aa #CC3184 sobre #4B56EB 1,13:1 Reprovado
Aa #E87D43 sobre #25A2A8 1,09:1 Reprovado
Aa #5DD477 sobre #AEC2C2 1,01: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