Este tom específico de rosa traduz-se em um rosa claro com um leve toque de laranja—alguns podem chamá-lo de um leve coral. No círculo cromático, ele está mais próximo da seção rosa, mas com uma sutil inclinação para o laranja. Essa mistura sutil do calor do laranja com a suavidade do rosa cria uma sensação vibrante e ao mesmo tempo relaxante.
O rosa é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FF8DA1
- Valor RGB: 100% vermelho, 55,3% verde e 63,1% 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 em seus designs:
- Melhore a acessibilidade. Use rosa para transmitir calor. Seu tom suave e convidativo é perfeito para fundos em designs que visam ser acolhedores e amigáveis.
- Suavize tópicos difíceis. Considere acentos em rosa para adicionar um efeito sutil e calmante em sites ou aplicativos que lidam com conteúdos difíceis.
- Crie CTAs sutis. Como um tom de vermelho, o rosa funciona bem para chamar a atenção, mas seu tom mais sutil não é tão chocante. Use-o para botões ou links que precisam se destacar sem dominar.
Dica: Ao projetar para um público global, pesquise o simbolismo da cor em diferentes culturas — o vermelho não significa o mesmo em todos os lugares.
Para variações dentro do mesmo espectro suave e feminino do rosa, considere:
- Pêssego (#FFD3AC) adiciona um pouco de laranja ao tom de rosa para uma sensação suave e quente.
- Blush (#DE5D83) é um tom mais suave de rosa que possui um elemento adicional de sutileza.
- Rosa (#FF1D8D) é uma excelente opção para um tom mais energético e chamativo.
- Rosa empoeirado (#DCA1A1) é uma cor suave com toques de rosa e marrom claro para uma sensação relaxada e vintage.
Para complementar o rosa, considere combiná-lo com:
- Branco (#FFFFFF) é uma cor neutra que complementa o rosa, criando contraste e uma sensação de elegância.
- Azul marinho (#000080) é uma cor ousada que pode adicionar profundidade e riqueza quando combinada com rosa.
- Amarelo pastel (#FFEE8C) adiciona uma sensação de alegria a uma paleta rosa.
- Dourado (#EFBF04) oferece glamour e luxo, combinando bem com os tons mais quentes do rosa.
- Celadon (#A8DCAB) possui tons de verde suave que funcionam bem com a luminosidade semelhante do rosa.
Outras cores que valem a pena considerar incluem creme e bege por sua natureza neutra e versátil, bem como roxo suave e verde sálvia por sua impressão harmoniosa e gentil.
Embora o rosa seja delicado e discreto, ele pode entrar em conflito com:
- Vermelho (#FF2C2C) pode parecer uma combinação perfeita para o rosa, mas sua semelhança pode levar a uma disputa por atenção.
- Amarelo neon (#FFFF33) e outras cores neon são muito brilhantes e vívidas, entrando em conflito com o tom sutil do rosa.
- Marrom escuro (#5C4033) cria uma paleta sem graça e monótona quando combinado com rosa.
- Carvão (#4A4A4A) é neutro, mas seus tons frios entram em conflito com a aparência quente do rosa.
- Azul elétrico (#00F0FF) conflita com o rosa devido ao seu alto contraste e intensidade.
O rosa frequentemente simboliza amor, romance e uma sensação de brincadeira. Enraizado no vermelho, ele carrega uma vivacidade discreta e pode evocar sentimentos de juventude e alegria.
Na psicologia das cores, o rosa tem efeitos calmantes e tranquilos. Embora diferentes tons de rosa possam ter impactos variados: Tons mais claros são geralmente calmantes, enquanto os mais brilhantes podem adicionar energia.
Use rosa para promover tranquilidade e calor no design de UI. Tons de rosa podem ser usados de forma eficaz para transmitir uma vibração jovem e energética, especialmente para marcas que desejam um apelo amplo, como nas indústrias de estilo de vida ou moda.
A cor rosa é nomeada após a flor "pinks", também conhecida como "dianthus", um tipo de cravo. O nome apareceu pela primeira vez no final do século XVII.
Outras culturas tinham significados variados para o rosa. Os gregos o associavam a Afrodite, a deusa do amor e da beleza. Na cultura chinesa, o rosa é uma cor de felicidade e prosperidade e é frequentemente usado em celebrações como o Ano Novo Lunar. Com o tempo, o rosa se tornou um símbolo de amor e calor, especialmente em torno do Dia dos Namorados.
Tradicionalmente, o rosa tem sido associado à feminilidade e inocência, tornando-se uma escolha popular para a moda de meninas jovens. Hoje, cores como o rosa são vistas como mais fluidas, celebrando a identidade individual.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Pétalas de Rosa
Doce de Melancia
Hortênsia
Verificador de contraste
Contraste 2,19
- Texto grande
#FF8DA1
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 9,58
- Texto grande
#FF8DA1
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ff8da1, conhecida como Rosa, tem valores RGB de R:255, G:141, B:161 e valores CMYK de C:0, M:45, Y:37, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff8da1 | #ff8da1 |
| RGB DECIMAL | 255, 141, 161 | RGB(255,141,161) |
| RGB PERCENTAGE | 100.0, 55.3, 63.1 | RGB(100.0%,55.3%,63.1%) |
| CMYK | 0, 45, 37, 0 | |
| HSL | HSL(349.5, 100.0%, 77.6%) | HSL(349.5, 100.0%, 77.6%) |
| HSV (OR HSB) | 349.5°, 44.7, 100.0 | |
| WEB SAFE | #255153153 | #255153153 |
| BINARY | 11111111, 10001101, 10100001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.553, blue: 0.631) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.553, blue: 0.631, alpha: 1) | |
| Android - Compose | Color(0xFFFF8DA1) |
