Registrarse Registrarse
TriRampo

TriRampo

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

Volver a la biblioteca

TriRampo

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

Editar
Colores vibrantes 12 colores Colores cálidos Tonos mixtos Armonía complementaria colorful anubiarts 12 trirampo
Me gusta 105
Colores 12

Variables 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 de 12 colores vibrantes va de Blue Romance (#DAF0D1), su tono más claro, a Throat (#2C203D), el más oscuro. Combina Galactic Grapevine, Shrine of Pleasures, Solar Flare, Faded Sunlight, Blue Romance, Spring Bouquet, Cancer Seagreen Scarab, Qing Dynasty Dragon, Ultramarine Highlight, Throat, Spartan Blue y Dover Surf en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DAF0D1 sobre #2C203D, con 12,57: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

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

Contraste y accesibilidad

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

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 No aprobado
Aa #5DD477 sobre #4B56EB 2,91:1 No aprobado
Aa #2F328F sobre #7A8799 2,91:1 No aprobado
Aa #703075 sobre #25A2A8 2,88:1 No aprobado
Aa #4B56EB sobre #2C203D 2,77:1 No aprobado
Aa #CC3184 sobre #AEC2C2 2,60:1 No aprobado
Aa #CC3184 sobre #5DD477 2,57:1 No aprobado
Aa #DAF0D1 sobre #25A2A8 2,55:1 No aprobado
Aa #FFCE6B sobre #7A8799 2,48:1 No aprobado
Aa #703075 sobre #7A8799 2,43:1 No aprobado
Aa #E87D43 sobre #DAF0D1 2,33:1 No aprobado
Aa #CC3184 sobre #2F328F 2,20:1 No aprobado
Aa #FFCE6B sobre #25A2A8 2,10:1 No aprobado
Aa #7A8799 sobre #AEC2C2 1,96:1 No aprobado
Aa #E87D43 sobre #4B56EB 1,94:1 No aprobado
Aa #5DD477 sobre #7A8799 1,94:1 No aprobado
Aa #4B56EB sobre #2F328F 1,94:1 No aprobado
Aa #E87D43 sobre #FFCE6B 1,92:1 No aprobado
Aa #703075 sobre #CC3184 1,83:1 No aprobado
Aa #25A2A8 sobre #4B56EB 1,78:1 No aprobado
Aa #703075 sobre #2C203D 1,72:1 No aprobado
Aa #CC3184 sobre #E87D43 1,72:1 No aprobado
Aa #25A2A8 sobre #AEC2C2 1,66:1 No aprobado
Aa #5DD477 sobre #25A2A8 1,64:1 No aprobado
Aa #703075 sobre #4B56EB 1,62:1 No aprobado
Aa #CC3184 sobre #25A2A8 1,57:1 No aprobado
Aa #DAF0D1 sobre #5DD477 1,56:1 No aprobado
Aa #DAF0D1 sobre #AEC2C2 1,54:1 No aprobado
Aa #E87D43 sobre #AEC2C2 1,52:1 No aprobado
Aa #E87D43 sobre #5DD477 1,50:1 No aprobado
Aa #4B56EB sobre #7A8799 1,50:1 No aprobado
Aa #2F328F sobre #2C203D 1,43:1 No aprobado
Aa #CC3184 sobre #7A8799 1,33:1 No aprobado
Aa #E87D43 sobre #7A8799 1,29:1 No aprobado
Aa #FFCE6B sobre #5DD477 1,28:1 No aprobado
Aa #FFCE6B sobre #AEC2C2 1,27:1 No aprobado
Aa #FFCE6B sobre #DAF0D1 1,22:1 No aprobado
Aa #703075 sobre #2F328F 1,20:1 No aprobado
Aa #25A2A8 sobre #7A8799 1,18:1 No aprobado
Aa #CC3184 sobre #4B56EB 1,13:1 No aprobado
Aa #E87D43 sobre #25A2A8 1,09:1 No aprobado
Aa #5DD477 sobre #AEC2C2 1,01: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