Marsala es un tono cálido y terroso que irradia sofisticación y comodidad. Situado entre el rojo y el marrón en la rueda de colores, este tono rico se asemeja al vino profundo o a la siena quemada. Las variantes incluyen burdeos y castaño 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
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
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 de 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 frío a la calidez de marsala, equilibrando la paleta con un toque calmante e invigorante.
- 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 aireada 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 vívido choca con los matices cálidos de marsala, llevando a una combinación visualmente discordante.
- Amarillo brillante (#FFED29): Su naturaleza vibrante y soleada opaca la elegancia sutil de marsala, causando un aspecto discordante.
- Violeta (#7F00FF): El vibrante púrpura 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 visualmente chocante.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Castaño Ahumado
Laguna Rústica
Tierra Viva
Verificador de contraste
Contraste 5,97
- Texto grande
#964F4C
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,52
- Texto grande
#964F4C
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #964F4C, también conocido como 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) |
