Rosa claro é um tom suave e delicado encontrado na seção de vermelho pálido da roda de cores. Essa cor frequentemente evoca uma sensação de inocência e os novos começos da primavera.

Rosa claro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFB5C0
- Valor RGB: 100% vermelho, 71% verde e 75,3% 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 rosa claro em seus designs:
- Evocar emoção. Rosa claro é versátil e pode criar designs lúdicos, atmosferas tranquilas ou interfaces acolhedoras. Seu tom calmante funciona especialmente bem para as indústrias de beleza, saúde e bem-estar.
- Fundos ou destaques. Use rosa claro como base para designs no fundo e para chamar a atenção para recursos como CTAs e botões.
- Suavizar elementos mais escuros. Rosa claro pode equilibrar elementos de UI mais escuros, adicionando um toque suave e evitando que a interface pareça muito agressiva.
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 suave do rosa claro, considere:
- Água de rosas (#FFD6D1) é um tom de rosa suave e gentil que compartilha o efeito calmante característico do rosa claro.
- Rosa blush (#FF7782) é um rosa empoeirado ligeiramente mais escuro que o rosa claro.
- Rosa (#FF8DA1) tem tons ligeiramente alaranjados com uma coloração mais brilhante que o rosa claro.
- Salmão (#FF7E70) é um rosa-alaranjado com tons que variam de laranja brilhante a rosa suave.
Para complementar o rosa claro, considere combiná-lo com:
- Azul menta (#98FBCB) contrasta com o tom suave do rosa claro, criando uma paleta lúdica.
- Amarelo mostarda (#FFCE1B) cria uma combinação de cores brilhante que joga com os tons alegres de ambas as cores.
- Pêssego (#FFD3AC) tem um toque de rosa junto com seus tons de laranja e amarelo, tornando-se um complemento perfeito para o rosa claro.
- Bege (#EDE8D0) oferece uma combinação de cores neutras com rosa claro, criando um visual calmante.
- Preto (#000000) cria um contraste dramático e sofisticado com o rosa claro.
Considere combinar rosa claro com outras cores, como lavanda para uma paleta limpa e jovem, azul marinho para criar maior contraste, e cinza claro para uma sensação de amplitude.
Embora o rosa claro seja versátil, ele pode entrar em conflito com:
- Laranja neon (#FF5C00) é muito brilhante e pode fazer o rosa claro parecer desbotado.
- Creme (#FDFBD4) pode não fornecer contraste suficiente com o rosa claro, fazendo com que as cores se misturem e percam definição.
- Vermelho (#FF2C2C) combina melhor com cores mais suaves que oferecem mais contraste.
- Verde limão (#89F336) e rosa claro podem ser divertidos e veranis, mas o contraste é muito forte para a maioria dos designs.
Rosa claro simboliza gentileza, inocência e pureza. É frequentemente associado à primavera, novos começos e beleza delicada.
Na psicologia das cores, o rosa claro é conhecido por seu efeito calmante e tranquilizante. Reduz sentimentos de estresse e raiva, promovendo paz e tranquilidade. O tom pálido é agradável aos olhos e pode criar subconscientemente uma sensação de segurança e proteção.
No design de UI, o rosa claro é um ótimo destaque ou cor de fundo, especialmente para interfaces ricas em conteúdo, pois sua suavidade reduz a fadiga ocular. No entanto, não é ideal como cor principal do texto, pois pode ser difícil de ler em certos fundos.
O rosa claro ganhou popularidade na França do século XVIII, quando a ícone da moda Madame de Pompadour, uma figura influente durante o reinado de Luís XV, promoveu a cor. Rosa claro e tons pastéis eram preferidos pelos membros da aristocracia europeia, simbolizando luxo e alta sociedade. Essa era também viu a criação da famosa porcelana rosa de Sèvres, nomeada em homenagem à fábrica que a produzia.
Hoje, o rosa claro é frequentemente associado à inocência. Esse tom tem se tornado cada vez mais universal em seu apelo entre todos os gêneros.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Beijo de Cupido
Flor de Cerejeira
Romance Rococó
Verificador de contraste
Contraste 1,66
- Texto grande
#FFB5C0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 12,62
- Texto grande
#FFB5C0
- 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 #ffb5c0, conhecida como Rosa claro, tem valores RGB de R:255, G:181, B:192 e valores CMYK de C:0, M:29, Y:25, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffb5c0 | #ffb5c0 |
| RGB DECIMAL | 255, 181, 192 | RGB(255,181,192) |
| RGB PERCENTAGE | 100.0, 71.0, 75.3 | RGB(100.0%,71.0%,75.3%) |
| CMYK | 0, 29, 25, 0 | |
| HSL | HSL(351.1, 100.0%, 85.5%) | HSL(351.1, 100.0%, 85.5%) |
| HSV (OR HSB) | 351.1°, 29.0, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 10110101, 11000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.710, blue: 0.753) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.710, blue: 0.753, alpha: 1) | |
| Android - Compose | Color(0xFFFFB5C0) |


