Marsala es un tono cálido y terroso que exuda sofisticación y confort. Situado entre el rojo y el marrón en la rueda de colores, este tono rico se asemeja al vino profundo o a la sienna quemada. Las variantes incluyen burdeos y rojizo. Usa Marsala para añadir elegancia en los diseños, equilibrando colores audaces sin esfuerzo.
Marsala se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #964F4C
- Valor RGB: 58.8% rojo, 31.0% verde, 29.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que Marsala, considera:
- Burdeos (#660033): Este tono profundo y rico se alinea con la terrosidad de Marsala, compartiendo una mezcla similar de rojo y marrón pero con una sensación más intensa de vino.
- Rojo rosa (#fa003f): El rojo rosa captura la audacia y calidez de Marsala, ofreciendo una opción vibrante con un dominio rojo notable.
- Cinabrio (#e84b3d): El tono brillante y cálido del cinabrio presenta una versión más vibrante, reflejando la calidez de Marsala con un toque de naranja.
- Coñac (#a2574f): El coñac proporciona una mezcla equilibrada de rojo y marrón, asemejándose al cálido y sofisticado matiz de Marsala con un toque adicional de profundidad.
Para complementar Marsala, considera emparejarlo con:
- Verde menta (#ADEBB3): Este tono claro y fresco proporciona un contraste fresco a la calidez de Marsala, equilibrando la paleta con un toque calmante y vigorizante.
- Oro (#EFBF04): El oro introduce un acento lujoso y sofisticado a los tonos ricos de Marsala, creando una combinación elegante y elevada.
- Azul polvo (#B8E3E9): La calidad suave y aérea del azul polvo complementa la terrosidad de Marsala, creando una estética serena y equilibrada.
- Chartreuse (#CCFF00): Audaz y brillante, el chartreuse añade un toque inesperado de color que energiza a Marsala, haciendo la combinación viva y dinámica.
Aunque Marsala es rico y terroso, puede chocar con:
- Verde neón (#2CFF05): Su brillo intenso crea un contraste abrumador con la sutileza de Marsala.
- Cian (#00FFFF): Este tono vivo choca con los matices cálidos de Marsala, llevando a una combinación visual aguda e inquietante.
- Amarillo brillante (#FFED29): Su naturaleza vibrante y soleada eclipsa la elegancia atenuada de Marsala, causando un aspecto discordante.
- Violeta (#7F00FF): El púrpura vibrante compite con Marsala, resultando en una paleta que carece de armonía.
- Magenta (#FD3DB5): Su alta saturación contrasta fuertemente con los tonos profundos de Marsala, llevando a un efecto visual discordante.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Castaño ahumado
Laguna rústica
Tierra viva
Comprobador de contraste
Contraste 5,97
- Texto largo
#964F4C
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,52
- Texto largo
#964F4C
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #964F4C, también llamado Marsala, tiene valores RGB de R:150, G:79, B:76 y valores CMYK de C:0, M:47, Y:49, K:41.
| VALUE | CSS | |
|---|---|---|
| HEX | #964F4C | #964F4C |
| RGB DECIMAL | 150, 79, 76 | RGB(150,79,76) |
| RGB PERCENTAGE | 58.8, 31.0, 29.8 | RGB(58.8%,31.0%,29.8%) |
| CMYK | 0, 47, 49, 41 | |
| HSL | HSL(2.4, 32.7%, 44.3%) | HSL(2.4, 32.7%, 44.3%) |
| HSV (OR HSB) | 2.4°, 49.3, 58.8 | |
| WEB SAFE | #15310251 | #15310251 |
| BINARY | 10010110, 01001111, 01001100 | |
| iOS - SwiftUI | Color(red: 0.588, green: 0.310, blue: 0.298) | |
| iOS - UIKit | UIColor(red: 0.588, green: 0.310, blue: 0.298, alpha: 1) | |
| Android - Compose | Color(0xFF964F4C) |
