Rosa pastel é um tom delicado de rosa que suaviza a vivacidade do vermelho com uma alta concentração de branco. Posicionado na borda vermelha da roda de cores, o rosa pastel possui qualidades doces e lúdicas, evocando a primavera e a juventude.
O rosa pastel é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFC5D3
- Valor RGB: 100% vermelho, 77,3% verde e 82,7% 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 pastel em seus designs:
- Crie uma UI acolhedora. O rosa pastel é suave e delicado, então incorporá-lo em botões ou como fundo ajuda a criar uma interface calorosa e acolhedora.
- Transmita calor e ludicidade. O tom quente do rosa pastel cria uma atmosfera agradável e convidativa. Use-o como um fundo suave para um efeito calmante ou como um destaque lúdico.
- Destaque elementos interativos. Chame a atenção dos usuários enquanto mantém uma interface limpa e equilibrada usando rosa pastel para um efeito de hover. Essa cor sutil pode guiar suavemente os usuários em direção a botões ou ativos para download de maneira visualmente atraente.
- Indique seleções de forma sutil. Destacar seleções de usuário em rosa pastel proporciona clareza sem sobrecarregar os usuários. Especialmente em um fundo branco, o rosa pastel pode criar um contraste quente e suave para promover calma, melhorar a experiência do usuário e aumentar a acessibilidade.
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 considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro de luz que o rosa pastel, considere:
- Rosa claro (#FFB5C0) é mais vibrante com tons de vermelho mais profundos, evocando pétalas de flores frescas e bochechas coradas.
- Água de rosas (#FFD6D1) oferece um tom de rosa mais claro e menos saturado com ligeiramente mais tons de laranja.
- Roxo claro (#DAB1DA) tem uma leveza semelhante, mas fica entre o vermelho e o azul em um tom frio complementar.
Para complementar o rosa pastel, considere combiná-lo com:
- Azul pastel (#B3EBF2) complementa o tom rosado do rosa pastel com um tom frio sutil, mas energizante.
- Celadon (#A8DCAB) combina com rosa pastel para uma paleta floral encantadora.
- Rosa choque (#FF46A2) acentua o calor romântico do rosa pastel com um toque vibrante.
- Concha (#FFF1E7) suaviza o tom do rosa pastel para um visual sofisticado.
Outras cores que valem a pena considerar incluem lilás para complementar o tom floral do rosa pastel, verde musgo para ancorar o calor sutil do rosa pastel e cinza chumbo para uma paleta escura e elegante.
Embora o rosa pastel seja suave e leve, ele pode entrar em conflito com:
- Azul (#0000FF) é uma cor vibrante e fria que conflita com o calor sutil do rosa pastel.
- Canela (#D47E30) suaviza a ludicidade do rosa pastel com seus tons terrosos e alaranjados.
- Escarlate (#ED2100) é um vermelho saturado que sufoca o tom arejado do rosa pastel.
- Âmbar (#FFBF00) apaga o rosa pastel com seu tom dourado.
- Salmão (#FF7E70) pode ofuscar a suavidade delicada do rosa pastel com um tom laranja mais saturado.
O rosa pastel mistura a paixão e a energia do vermelho com a pureza e a inocência do branco para conotar ternura e afeto. Ele transmite uma energia suave e acolhedora com um toque de juventude e doçura, simbolizando novos começos.
O rosa pastel é uma cor calmante e convidativa na psicologia das cores, evocando paz, relaxamento e conforto. Sua associação com inocência e pureza pode criar uma sensação suave de estabilidade e segurança.
No design de UI, o rosa pastel adiciona um toque de calor às interfaces, criando um contraste agradável quando combinado com cores mais ousadas. Comparado a outros tons de rosa, o rosa pastel é menos estimulante e é eficaz quando usado como cor de fundo ou para destacar informações importantes sem sobrecarregar o usuário.
Tons claros como o rosa pastel são nomeados após pastéis, um meio artístico com baixa saturação feito de pigmentos em pó. O rosa pastel se tornou popular na Europa do século XVIII, onde homens e mulheres se vestiam com elaborados trajes em tons pastéis.
O rosa pastel era originalmente unissex, mas passou a ser associado a meninas na década de 1980, criando uma conotação feminina.
O tom suave do rosa pastel se expandiu além da moda para a arte e o design de interiores. Paletas pastéis continuam populares, e o rosa pastel é uma característica comum na moda e decoração de primavera.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Rosa Vintage
Chá da Tarde
Limonada Rosa
Verificador de contraste
Contraste 1,48
- Texto grande
#FFC5D3
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 14,18
- Texto grande
#FFC5D3
- 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 #ffc5d3, conhecida como Rosa pastel, tem valores RGB de R:255, G:197, B:211 e valores CMYK de C:0, M:23, Y:17, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffc5d3 | #ffc5d3 |
| RGB DECIMAL | 255, 197, 211 | RGB(255,197,211) |
| RGB PERCENTAGE | 100.0, 77.3, 82.7 | RGB(100.0%,77.3%,82.7%) |
| CMYK | 0, 23, 17, 0 | |
| HSL | HSL(345.5, 100.0%, 88.6%) | HSL(345.5, 100.0%, 88.6%) |
| HSV (OR HSB) | 345.5°, 22.7, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 11000101, 11010011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.773, blue: 0.827) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.773, blue: 0.827, alpha: 1) | |
| Android - Compose | Color(0xFFFFC5D3) |
