Paleta de Cores

Cor turquesa

O nome vem da pedra turquesa, que chegava à Europa pela Turquia. Mistura azul e verde com muita luz. Lembra praias do Caribe e aparece em joias, roupas de verão e decoração praiana.

Também conhecida como: azul-turquesa.

Turquesa · #40E0D0

Sobre a cor turquesa

O turquesa (#40E0D0) é uma cor fria, de luminosidade média e de saturação média. Faz parte da família dos turquesas. É formada por 64 de vermelho, 224 de verde e 208 de azul (de 0 a 255). É usada principalmente em joias, decoração, moda.

Tons de turquesa: claros e escuros

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

Cores que combinam com turquesa

CoralContraste quente e frio cheio de energia.BrancoFresco, limpo e com cara de verão.AmareloUma dupla alegre e tropical.Marrom-caféEstilo étnico, como prata com couro.RosaUma mistura alegre e jovem.Azul-marinhoProfundidade para um tom vivo.LaranjaSeu complementar, para o máximo de contraste.AreiaUm neutro quente que deixa tudo praiano.
Como usar turquesa em roupas e decoração →

Harmonias da cor turquesa

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

ComplementarPróximo de: Carmesim
AnálogasPróximo de: Verde pastel, Azul-aço
TríadePróximo de: Magenta, Amarelo-milho
Complementar divididaPróximo de: Rosa-chiclete, Bronze
TétradePróximo de: Roxo, Carmesim, Verde-maçã

Paletas com a cor turquesa

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

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

Contraste de turquesa com texto

Texto brancoContraste 1.6:1 · Não recomendado
Texto pretoContraste 12.8:1 · AAA

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

Código CSS

:root {
  --turquesa: #40E0D0;
  --turquesa-rgb: 64, 224, 208;
}
.fundo { background-color: var(--turquesa); }
.texto { color: var(--turquesa); }

Cores parecidas com turquesa

Turquesa-escuroAzul TiffanyCianoÁgua-marinhaVerde-águaTurquesa pastelVerde-jadeAzul-celesteAzul-claroAzul-bebê

Mais turquesas

Água-marinhaCianoVerde-águaVerde-azuladoAzul-petróleoVerde-petróleoTurquesa-escuroTurquesa pastelAzul Tiffany

Perguntas frequentes

Qual é o código da cor turquesa?

O código HEX da cor turquesa é #40E0D0. Em RGB é rgb(64, 224, 208), em HSL é hsl(174, 72%, 56%) e em CMYK é 71, 0, 7, 12.

Qual é a cor complementar de turquesa?

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

Dá para usar texto branco sobre a cor turquesa?

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

Quais cores combinam com turquesa?

Combina bem com coral, branco, amarelo, marrom-café, rosa. Evite juntar com verdes ou azuis muito saturados no mesmo nível, porque fica carregado. Com preto, pode parecer agressivo se você usar muito turquesa.