Paleta de Cores

Cor magnólia

Um branco suave com um levíssimo tom lilás, como a flor da magnólia. É um clássico para pintar paredes porque ilumina sem ficar frio, e também aparece em casamentos e papelaria fina.

Também conhecida como: branco-magnólia.

Abrir no editor

O código HEX da cor magnólia é #F8F4FF. Em RGB é rgb(248, 244, 255), em HSL é hsl(262, 100%, 98%) e em CMYK é 3, 4, 0, 0.

Veja na vida real

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

Cores parecidas com magnólia

Branco-fumaça#F5F5F5Branco-neve#FFFAFABranco#FFFFFFOff-white#FAF9F6Platina#E5E4E2Linho#FAF0E6

Sobre a cor magnólia

O magnólia (#F8F4FF) é uma cor fria, clara e muito saturada. Faz parte da família dos brancos. É formada por 248 de vermelho, 244 de verde e 255 de azul (de 0 a 255). É usada principalmente em decoração, casamentos, arquitetura.

Amostra da cor Magnólia com seus tons do claro ao escuro · #F8F4FF
Magnólia · #F8F4FF

Tons de magnólia: 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 magnólia: paletas por estação

Combinações de roupa com magnólia ou um tom bem parecido, com 8 looks para copiar em cada uma.

MinimalistaPrimavera · MasculinaTrabalhoPrimavera · MasculinaMinimalistaVerão · MasculinaNoiteVerão · MasculinaMinimalistaInverno · MasculinaTrabalhoInverno · Masculina

Harmonias da cor magnólia

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

ComplementarPróximo de: Marfim
Análogas
TríadePróximo de: Off-white
Complementar divididaPróximo de: Marfim
TétradePróximo de: Branco-neve, Marfim, Branco

Paletas com a cor magnólia

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

Paleta monocromática · Magnólia
Paleta análoga · Magnólia
Paleta complementar · Magnólia
Paleta tríade · Magnólia
Paleta com neutros · Magnólia
Paleta com destaque · Magnólia

Contraste de magnólia com texto

Texto brancoContraste 1.1:1 · Não recomendado
Texto pretoContraste 19.4:1 · AAA

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

Código CSS

:root {
  --magnolia: #F8F4FF;
  --magnolia-rgb: 248, 244, 255;
}
.fundo { background-color: var(--magnolia); }
.texto { color: var(--magnolia); }

Cores parecidas com magnólia

AlabastroCinza-claroMarfimCinza-pérola

Paletas temáticas com esta cor

Mais brancos

BrancoMarfimCremeBranco-ossoOff-whiteBranco-nevePérolaAlabastroLinhoBranco-fumaçaBaunilhaCasca de ovoBranco antigoCru
Amostra da cor Magnólia com seus tons do claro ao escuro · #F8F4FF
Amostra da cor Magnólia com seus tons do claro ao escuro · #F8F4FF

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 magnólia?

O código HEX da cor magnólia é #F8F4FF. Em RGB é rgb(248, 244, 255), em HSL é hsl(262, 100%, 98%) e em CMYK é 3, 4, 0, 0.

Qual é a cor complementar de magnólia?

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

Dá para usar texto branco sobre a cor magnólia?

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