Registrarse Registrarse
Tritaruzi

Tritaruzi

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

Volver a la biblioteca

Tritaruzi

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 green red tritanopia ruzikb
Me gusta 15
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #27000A;
  --c-vibrant-2: #7D057A;
  --c-vibrant-3: #E60D28;
  --c-vibrant-4: #F09CC7;
  --c-vibrant-5: #F2E1E6;
  --c-vibrant-6: #C7F37B;
  --c-vibrant-7: #3CCF0C;
  --c-vibrant-8: #017756;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Pink Proposal (#F2E1E6), su tono más claro, a Belladonna (#27000A), el más oscuro. Combina Belladonna, Philippine Violet, Xiān Hóng Red, Be My Valentine, Pink Proposal, Cucumber Milk, Candy Green y Victoria Peak en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #27000A sobre #F2E1E6, con 15,3: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

Belladonna #27000A
RGB
rgb(39, 0, 10)
HSL
hsl(345, 100%, 8%)
Luminancia
0,005
Philippine Violet #7D057A
RGB
rgb(125, 5, 122)
HSL
hsl(302, 92%, 25%)
Luminancia
0,059
Xiān Hóng Red #E60D28
RGB
rgb(230, 13, 40)
HSL
hsl(353, 89%, 48%)
Luminancia
0,173
Be My Valentine #F09CC7
RGB
rgb(240, 156, 199)
HSL
hsl(329, 74%, 78%)
Luminancia
0,464
Pink Proposal #F2E1E6
RGB
rgb(242, 225, 230)
HSL
hsl(342, 40%, 92%)
Luminancia
0,784
Cucumber Milk #C7F37B
RGB
rgb(199, 243, 123)
HSL
hsl(82, 83%, 72%)
Luminancia
0,777
Candy Green #3CCF0C
RGB
rgb(60, 207, 12)
HSL
hsl(105, 89%, 43%)
Luminancia
0,456
Victoria Peak #017756
RGB
rgb(1, 119, 86)
HSL
hsl(163, 98%, 24%)
Luminancia
0,139

Contraste y accesibilidad

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

Aa #27000A sobre #F2E1E6 15,30:1 AAA
Aa #27000A sobre #C7F37B 15,16:1 AAA
Aa #27000A sobre #F09CC7 9,43:1 AAA
Aa #27000A sobre #3CCF0C 9,28:1 AAA
Aa #7D057A sobre #F2E1E6 7,67:1 AAA
Aa #7D057A sobre #C7F37B 7,60:1 AAA
Aa #7D057A sobre #F09CC7 4,73:1 AA
Aa #7D057A sobre #3CCF0C 4,65:1 AA
Aa #F2E1E6 sobre #017756 4,42:1 AA, texto grande
Aa #C7F37B sobre #017756 4,38:1 AA, texto grande
Aa #27000A sobre #E60D28 4,08:1 AA, texto grande
Aa #E60D28 sobre #F2E1E6 3,75:1 AA, texto grande
Aa #E60D28 sobre #C7F37B 3,71:1 AA, texto grande
Aa #27000A sobre #017756 3,46:1 AA, texto grande
Aa #F09CC7 sobre #017756 2,72:1 No aprobado
Aa #3CCF0C sobre #017756 2,68:1 No aprobado
Aa #E60D28 sobre #F09CC7 2,31:1 No aprobado
Aa #E60D28 sobre #3CCF0C 2,27:1 No aprobado
Aa #7D057A sobre #E60D28 2,05:1 No aprobado
Aa #27000A sobre #7D057A 1,99:1 No aprobado
Aa #7D057A sobre #017756 1,74:1 No aprobado
Aa #F2E1E6 sobre #3CCF0C 1,65:1 No aprobado
Aa #C7F37B sobre #3CCF0C 1,63:1 No aprobado
Aa #F09CC7 sobre #F2E1E6 1,62:1 No aprobado
Aa #F09CC7 sobre #C7F37B 1,61:1 No aprobado
Aa #E60D28 sobre #017756 1,18:1 No aprobado
Aa #F09CC7 sobre #3CCF0C 1,02:1 No aprobado
Aa #F2E1E6 sobre #C7F37B 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