O mogno é um marrom rico e quente com tons vermelhos profundos, exalando elegância e estabilidade. Ele se posiciona entre o vermelho e o marrom na roda de cores. Tons semelhantes incluem castanho e borgonha. Use o mogno para adicionar profundidade e sofisticação aos designs, especialmente em ambientes clássicos ou aconchegantes.
O mogno é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #C04000
- Valor RGB: 75,3% vermelho, 25,1% verde, 0,0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O 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 do Mogno, considere:
- Laranja Queimada (#be5103): Esta cor captura o calor terroso e rico encontrado na madeira de mogno, compartilhando seus tons avermelhados com um tom ligeiramente mais brilhante.
- Marrom Avermelhado (#942222): Com sua mistura profunda de marrom e vermelho, este tom espelha o visual robusto e polido típico dos móveis de mogno.
- Cognac (#a2574f): Cognac incorpora uma vibração semelhante de luxo e riqueza, com tons quentes de marrom-avermelhado que se assemelham à profundidade natural do mogno.
- Vermelho Tijolo (#c04657): Esta cor oferece uma mistura de vermelho e marrom que lembra o apelo escuro e avermelhado do mogno, oferecendo uma abordagem ligeiramente mais vibrante.
Para complementar o Mogno, considere combiná-lo com:
- Marfim (#ffffe3): Este tom neutro oferece um contraste sutil, destacando o calor e a riqueza do mogno sem sobrecarregá-lo.
- Pêssego (#ffd3ac): Adicionando um toque suave e quente, o pêssego complementa o mogno com sua vibrância suave, criando uma paleta aconchegante e convidativa.
- Azul-petróleo (#069494): Os tons frios do azul-petróleo contrastam lindamente com o calor do mogno, oferecendo uma combinação refrescante e dinâmica.
- Verde Menta (#adebb3): Esta cor fresca e clara proporciona um contraste arejado e vibrante, realçando a profundidade e a riqueza do mogno.
Outras cores que valem a pena considerar incluem azul-marinho para um esquema profundo e complementar e off-white para realçar um visual limpo e clássico.
Embora o mogno seja uma cor rica e profunda, ele pode entrar em conflito com:
- Rosa Neon (#FF13F0): Este rosa brilhante é excessivamente vibrante em comparação com a profundidade sutil do mogno, criando um contraste chocante em vez de harmonia.
- Turquesa (#40E0D0): A alta saturação do turquesa tende a competir com o calor do mogno, resultando em uma combinação desarticulada.
- Amarelo Brilhante (#FFED29): Este amarelo vívido pode sobrecarregar o mogno, fazendo-o parecer apagado em comparação.
- Verde Menta (#ADEBB3): A natureza pastel do verde menta pode criar um contraste marcante com a riqueza intensa do mogno, levando a um desequilíbrio.
- Ciano (#00FFFF): A frieza e o brilho do ciano podem entrar em conflito com os tons quentes e sofisticados do mogno, criando dissonância visual.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Inferno Âmbar
Céus de Siena
Fusão de Especiarias
Verificador de contraste
Contraste 5,28
- Texto grande
#C04000
- 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,97
- Texto grande
#C04000
- 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 #c04000, conhecida como Mogno, tem valores RGB de R:192, G:64, B:0 e valores CMYK de C:0, M:67, Y:100, K:25.
| VALUE | CSS | |
|---|---|---|
| HEX | #c04000 | #c04000 |
| RGB DECIMAL | 192, 64, 0 | RGB(192,64,0) |
| RGB PERCENTAGE | 75.3, 25.1, 0.0 | RGB(75.3%,25.1%,0.0%) |
| CMYK | 0, 67, 100, 25 | |
| HSL | HSL(20.0, 100.0%, 37.6%) | HSL(20.0, 100.0%, 37.6%) |
| HSV (OR HSB) | 20.0°, 100.0, 75.3 | |
| WEB SAFE | #204510 | #204510 |
| BINARY | 11000000, 01000000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.753, green: 0.251, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.753, green: 0.251, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFC04000) |
