Paleta de Cores

Cor rosa-claro

Um rosa suave e claro que também é uma cor padrão do CSS. É usado em roupas de bebê, chás revelação e layouts delicados para a web.

Também conhecida como: rosa suave.

Abrir no editor

O código HEX da cor rosa-claro é #FFB6C1. Em RGB é rgb(255, 182, 193), em HSL é hsl(351, 100%, 86%) e em CMYK é 0, 29, 24, 0.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com rosa-claro

Rosa#FFC0CBRosé#E8B4B8Rosa algodão-doce#FFBCD9Rosa-bebê#F4C2C2Melão#FEBAADQuartzo rosa#F7CAC9

Sobre a cor rosa-claro

O rosa-claro (#FFB6C1) é uma cor quente, clara e muito saturada. Faz parte da família dos rosas. É formada por 255 de vermelho, 182 de verde e 193 de azul (de 0 a 255). É usada principalmente em infantil, web, eventos.

Amostra da cor Rosa-claro com seus tons do claro ao escuro · #FFB6C1
Rosa-claro · #FFB6C1

Tons de rosa-claro: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor rosa-claro

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Azul-ovo-de-pato
AnálogasPróximo de: Rosa algodão-doce, Damasco
TríadePróximo de: Verde-celadon, Azul-pervinca
Complementar divididaPróximo de: Verde-celadon, Azul-claro
TétradePróximo de: Creme, Azul-ovo-de-pato, Malva

Paletas com a cor rosa-claro

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Rosa-claro
Paleta análoga · Rosa-claro
Paleta complementar · Rosa-claro
Paleta tríade · Rosa-claro
Paleta com neutros · Rosa-claro
Paleta com destaque · Rosa-claro

Contraste de rosa-claro com texto

Texto brancoContraste 1.7:1 · Não recomendado
Texto pretoContraste 12.7:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --rosa-claro: #FFB6C1;
  --rosa-claro-rgb: 255, 182, 193;
}
.fundo { background-color: var(--rosa-claro); }
.texto { color: var(--rosa-claro); }

Cores parecidas com rosa-claro

Rosa pastelRosa secoRosa-salmãoRosa-flamingo

Paletas temáticas com esta cor

Paletas de cores para batizadoPaletas de cores para aniversárioPaletas de cores para logoPaletas de cores para padaria e confeitariaPaletas de cores aestheticPaletas de cores de verão

Mais rosas

RosaRoséRosa antigoFúcsiaMagentaRosa-chicleteRosa mexicanoRosa pastelRosa-bebêRosa-choqueFramboesaQuartzo rosaOuro roséRosa blushRosa-flamingoRosa neonRosa secoRosa-melanciaRosa algodão-doceRosa-escuroRosa-salmão
Amostra da cor Rosa-claro com seus tons do claro ao escuro · #FFB6C1
Amostra da cor Rosa-claro com seus tons do claro ao escuro · #FFB6C1

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresRoleta personalizadaEscreva suas opções e gire a roleta. De cores tambémCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de cores
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor rosa-claro?

O código HEX da cor rosa-claro é #FFB6C1. Em RGB é rgb(255, 182, 193), em HSL é hsl(351, 100%, 86%) e em CMYK é 0, 29, 24, 0.

Qual é a cor complementar de rosa-claro?

A complementar no círculo cromático é #B6FFF4, um tom próximo de azul-ovo-de-pato. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor rosa-claro?

Melhor usar texto preto: o contraste com o branco é só 1.7:1, enquanto com o preto é 12.7:1.