Marsala é um tom quente e terroso que exala sofisticação e conforto. Situado entre o vermelho e o marrom na roda de cores, esse tom rico se assemelha a um vinho profundo ou sienna queimada. Variantes incluem borgonha e ferrugem. Use Marsala para adicionar elegância aos designs, equilibrando cores vibrantes com facilidade.
Marsala é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #964F4C
- Valor RGB: 58,8% vermelho, 31,0% verde, 29,8% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para variações dentro do mesmo espectro de Marsala, considere:
- Borgonha (#660033): Este tom profundo e rico alinha-se com a terrosidade de Marsala, compartilhando uma mistura semelhante de vermelho e marrom, mas com uma sensação mais intensa de vinho.
- Vermelho-rosado (#fa003f): O vermelho-rosado captura a ousadia e o calor de Marsala, oferecendo uma opção vibrante com uma dominância notável de vermelho.
- Cinábrio (#e84b3d): O tom brilhante e quente do cinábrio apresenta uma abordagem mais vibrante, ecoando o calor de Marsala com um toque de laranja.
- Conhaque (#a2574f): O conhaque oferece uma mistura equilibrada de vermelho e marrom, assemelhando-se ao tom quente e sofisticado de Marsala com um toque adicional de profundidade.
Para complementar Marsala, considere combiná-lo com:
- Verde-menta (#ADEBB3): Este tom leve e fresco proporciona um contraste frio ao calor de Marsala, equilibrando a paleta com um toque calmo e revigorante.
- Dourado (#EFBF04): O dourado introduz um acento luxuoso e sofisticado aos tons ricos de Marsala, criando uma combinação elegante e elevada.
- Azul-pó (#B8E3E9): A qualidade suave e arejada do azul-pó complementa a terrosidade de Marsala, criando uma estética serena e equilibrada.
- Chartreuse (#CCFF00): Ousado e brilhante, o chartreuse adiciona um toque inesperado de cor que energiza Marsala, tornando a combinação viva e dinâmica.
Embora Marsala seja rico e terroso, pode entrar em conflito com:
- Verde-neon (#2CFF05): Seu brilho intenso cria um contraste avassalador com a sutileza de Marsala.
- Ciano (#00FFFF): Este tom vívido entra em conflito com os tons quentes de Marsala, levando a uma combinação visualmente desconfortável.
- Amarelo-vivo (#FFED29): Sua natureza vibrante e ensolarada ofusca a elegância discreta de Marsala, causando um visual discordante.
- Violeta (#7F00FF): O roxo vibrante compete com Marsala, resultando em uma paleta que carece de harmonia.
- Magenta (#FD3DB5): Sua alta saturação contrasta fortemente com os tons profundos de Marsala, levando a um efeito visualmente chocante.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Castanho Fumê
Lagoa Rústica
Terra Viva
Verificador de contraste
Contraste 5,97
- Texto grande
#964F4C
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,52
- Texto grande
#964F4C
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #964F4C, conhecida como Marsala, tem valores RGB de R:150, G:79, B:76 e 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) |
