Paleta de Cores

Cor roxo-claro

Um roxo suave e claro com tom frio. É muito popular em quartos de menina, casamentos de primavera e projetos com clima tranquilo e delicado.

Também conhecida como: lilás-claro, violeta-claro.

Abrir no editor

O código HEX da cor roxo-claro é #CBC3E3. Em RGB é rgb(203, 195, 227), em HSL é hsl(255, 36%, 83%) e em CMYK é 11, 14, 0, 11.

Veja na vida real

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

Cores parecidas com roxo-claro

Cardo#D8BFD8Lilás pastel#DCD0FFAzul-pervinca#CCCCFFLilás#C8A2C8Azul pastel#AEC6CFPrata#C0C0C0

Sobre a cor roxo-claro

O roxo-claro (#CBC3E3) é uma cor fria, clara e de saturação média. Faz parte da família dos roxos e violetas. É formada por 203 de vermelho, 195 de verde e 227 de azul (de 0 a 255). É usada principalmente em infantil, casamentos, decoração.

Amostra da cor Roxo-claro com seus tons do claro ao escuro · #CBC3E3
Roxo-claro · #CBC3E3

Tons de roxo-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

Roupa na cor roxo-claro: paletas por estação

Combinações de roupa com roxo-claro ou um tom bem parecido, com 8 looks para copiar em cada uma.

BohoPrimavera · FemininaMinimalistaPrimavera · FemininaMontanhaInverno · FemininaStreetwearInverno · Feminina

Harmonias da cor roxo-claro

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

ComplementarPróximo de: Pérola
AnálogasPróximo de: Cardo
TríadePróximo de: Branco-osso, Azul-ovo-de-pato
Complementar divididaPróximo de: Aveia, Bege
TétradePróximo de: Quartzo rosa, Pérola, Azul-pó

Paletas com a cor roxo-claro

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

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

Contraste de roxo-claro com texto

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

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

Código CSS

:root {
  --roxo-claro: #CBC3E3;
  --roxo-claro-rgb: 203, 195, 227;
}
.fundo { background-color: var(--roxo-claro); }
.texto { color: var(--roxo-claro); }

Cores parecidas com roxo-claro

Cinza-claroCinza-pérolaCinza-mesclaRosa pastel

Paletas temáticas com esta cor

Mais roxos e violetas

VioletaRoxoPúrpuraLilásLavandaMalvaAmeixaAmetistaBerinjelaOrquídeaÍndigoRoxo-uvaGlicíniaLilás pastelUltravioletaLavanda empoeiradaAmoraRoxo-realCardoPúrpura de TiroRoxo-escuro
Amostra da cor Roxo-claro com seus tons do claro ao escuro · #CBC3E3
Amostra da cor Roxo-claro com seus tons do claro ao escuro · #CBC3E3

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresQual é a cor da sua voz?Fale por 5 segundos e transforme sua voz em uma corCores dos 16 tipos de personalidadeResponda a um quiz de 8 perguntas e descubra sua cor
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor roxo-claro é #CBC3E3. Em RGB é rgb(203, 195, 227), em HSL é hsl(255, 36%, 83%) e em CMYK é 11, 14, 0, 11.

Qual é a cor complementar de roxo-claro?

A complementar no círculo cromático é #DBE3C3, um tom próximo de pérola. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

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

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