O rosa escuro combina a doçura do rosa tradicional com um tom mais ousado, adicionando um toque único. Essa tonalidade mais profunda e vibrante incorpora uma sensação de confiança, paixão e energia, mantendo uma vibe divertida e jovem.
O rosa escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #C11C84
- Valor RGB: 75,7% vermelho, 11% verde e 51,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.
Aqui estão algumas maneiras de usar o rosa escuro em seus designs:
- Crie uma sensação divertida. A ousadia do rosa escuro injeta energia e personalidade na sua interface, tornando-o um tom ideal para públicos mais jovens.
- Desperte sentimentos de paixão. O rosa escuro evoca sentimentos de amor devido à sua sofisticação e tons mais ousados, sendo ideal para aplicativos de namoro ou sites de lingerie de luxo.
- Atraia atenção. Aproveite a natureza chamativa do rosa escuro para destacar botões, notificações e outras seções importantes.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro divertido que o rosa escuro, considere:
- Fúcsia (#FF00FF) é um tom mais frio que compartilha a mesma intensidade e sensação energética do rosa escuro, mas pende mais para o roxo.
- Magenta (#FD3DB5) é um tom rosado-púrpura que compartilha a vibe jovem do rosa escuro.
- Rosa (#FF1D8D) é um tom mais claro e suave que o rosa escuro, mas igualmente romântico e encantador.
- Rosa (#FF8DA1) é um tom mais suave e delicado que o rosa escuro.
Para complementar o rosa escuro, considere combiná-lo com:
- Branco (#FFFFFF) é uma cor neutra atemporal que oferece um contraste limpo e calmante à ousadia do rosa escuro.
- Carvão (#4A4A4A) oferece um visual moderno e sofisticado quando combinado com rosa escuro.
- Verde menta (#ADEBB3) equilibra o calor do rosa escuro para produzir um visual fresco e energético.
- Dourado (#EFBF04) adiciona um toque de sofisticação e glamour quando combinado com rosa escuro, transmitindo uma sensação de exclusividade.
Outras cores que valem a pena considerar incluem azul marinho para capitalizar a luxuosidade do rosa escuro, amarelo para uma sensação vibrante e energética, e cinza claro para suavizar a saturação do rosa escuro.
Embora o rosa escuro seja ousado, ele pode entrar em conflito com:
- Vermelho (#FF2C2C) compete com o rosa escuro porque fazem parte da mesma família de cores.
- Marrom (#895129) combinado com rosa escuro cria uma aparência turva ou sem graça, especialmente em grandes áreas.
- Verde neon (#2CFF05) entra em conflito com a natureza quente e divertida do rosa escuro.
- Amarelo mostarda (#FFCE1B) disputa por destaque quando combinado com rosa escuro.
- Laranja escuro (#C76E00) pode ser visualmente avassalador quando combinado com rosa escuro devido à sua saturação semelhante.
O rosa escuro herda a diversão e a jovialidade do rosa, mas ganha uma camada de confiança, paixão e energia da influência do vermelho. O rosa escuro tem um significado histórico no movimento sufragista feminino, simbolizando a luta pela igualdade e um desafio aos papéis tradicionais de gênero.
Na psicologia das cores, o rosa escuro evoca emoções positivas, como alegria, felicidade e entusiasmo. Os tons de vermelho adicionam um toque de energia e paixão, enquanto a base rosa mantém as coisas divertidas e acessíveis. Essa cor também pode incentivar a criatividade e estimular conversas.
No design de UI, a ousadia do rosa escuro o torna perfeito para destacar elementos importantes, como botões de CTA. Ele também injeta uma sensação divertida e jovem, ideal para interfaces que visam públicos mais jovens ou promovem atividades divertidas. A associação do rosa escuro com emoções positivas também o torna uma boa escolha para marcas de romance e beleza.
O rosa escuro não era inicialmente um termo de cor específico. Por volta de 800 a.C., “A Odisseia” de Homero usou uma palavra traduzida como “aurora de dedos rosados”, mostrando alguma consciência da gama de cores.
“Rosa escuro” surgiu como um termo distinto nos séculos 18 ou 19, solidificando a ligação entre a cor e seu nome.
Hoje, o rosa escuro é usado na moda como uma cor de destaque, expressão artística em metalurgia e como um acento no design.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Carnaval do Amor
Pop Noveau
Vivid Vogue
Verificador de contraste
Contraste 5,58
- Texto grande
#C11C84
- 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,77
- Texto grande
#C11C84
- 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 #c11c84, conhecida como Rosa Escuro, tem valores RGB de R:193, G:28, B:132 e valores CMYK de C:0, M:85, Y:32, K:24.
| VALUE | CSS | |
|---|---|---|
| HEX | #c11c84 | #c11c84 |
| RGB DECIMAL | 193, 28, 132 | RGB(193,28,132) |
| RGB PERCENTAGE | 75.7, 11.0, 51.8 | RGB(75.7%,11.0%,51.8%) |
| CMYK | 0, 85, 32, 24 | |
| HSL | HSL(322.2, 74.7%, 43.3%) | HSL(322.2, 74.7%, 43.3%) |
| HSV (OR HSB) | 322.2°, 85.5, 75.7 | |
| WEB SAFE | #20451153 | #20451153 |
| BINARY | 11000001, 00011100, 10000100 | |
| iOS - SwiftUI | Color(red: 0.757, green: 0.110, blue: 0.518) | |
| iOS - UIKit | UIColor(red: 0.757, green: 0.110, blue: 0.518, alpha: 1) | |
| Android - Compose | Color(0xFFC11C84) |
