Paleta de Cores

Cor coral

Leva o nome dos corais marinhos e fica entre o laranja e o rosa. É alegre, tropical e valoriza a pele bronzeada. É muito usado em moda praia, batons e tecidos de verão.

Também conhecida como: laranja-coral.

Coral · #FF7F50

Sobre a cor coral

O coral (#FF7F50) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos laranjas. É formada por 255 de vermelho, 127 de verde e 80 de azul (de 0 a 255). É usada principalmente em moda, decoração, maquiagem.

Tons de coral: claros e escuros

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

Cores que combinam com coral

TurquesaContraste tropical cheio de vida.Azul-marinhoElegância náutica.BrancoFresco e luminoso.BegeUma base suave e quente.Verde-mentaUma dupla alegre de verão.CinzaAcalma o coral e deixa tudo moderno.DouradoBrilho e calor.Verde-águaDois tons de praia que se completam.
Como usar coral em roupas e decoração →

Harmonias da cor coral

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

ComplementarPróximo de: Azul-bebê
AnálogasPróximo de: Framboesa, Açafrão
TríadePróximo de: Verde-menta, Roxo
Complementar divididaPróximo de: Água-marinha, Azul-elétrico
TétradePróximo de: Verde-grama, Azul-bebê, Magenta

Paletas com a cor coral

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

Paleta monocromática · Coral
Paleta análoga · Coral
Paleta complementar · Coral
Paleta tríade · Coral
Paleta com neutros · Coral
Paleta com destaque · Coral

Contraste de coral com texto

Texto brancoContraste 2.5:1 · Não recomendado
Texto pretoContraste 8.4:1 · AAA

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

Código CSS

:root {
  --coral: #FF7F50;
  --coral-rgb: 255, 127, 80;
}
.fundo { background-color: var(--coral); }
.texto { color: var(--coral); }

Cores parecidas com coral

Vermelho-tomateTerracotaCanelaSalmãoLaranja-queimadoAbóboraLaranja neonVermelhãoOcreBronze

Paletas temáticas com esta cor

Paletas de cores para sitePaletas de cores de verãoPaletas de cores infantisPaletas de cores de praia

Mais laranjas

LaranjaTangerinaAbóboraCenouraDamascoPêssegoTerracotaLaranja-queimadoSalmãoFerrugemCobreLaranja neonLaranja pastelLaranja-avermelhado

Perguntas frequentes

Qual é o código da cor coral?

O código HEX da cor coral é #FF7F50. Em RGB é rgb(255, 127, 80), em HSL é hsl(16, 100%, 66%) e em CMYK é 0, 50, 69, 0.

Qual é a cor complementar de coral?

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

Dá para usar texto branco sobre a cor coral?

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

Quais cores combinam com coral?

Combina bem com turquesa, azul-marinho, branco, bege, verde-menta. Evite juntar com vermelho ou laranja brilhante, porque competem e o coral parece sujo. Com roxos intensos também não combina.