Código da Cor Turquesa (#40e0d0)

Turquesa é #40e0d0 em hex e rgb(64, 224, 208), um ciano médio. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Turquesa
#40e0d0
Nome CSSturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

Tons e sombras

Harmonias de cores

Sobre a Turquesa

Turquesa (turquoise) é um ciano médio e vibrante, com o código hex #40e0d0, ou rgb(64, 224, 208). No HSL ela tem matiz de 174°, saturação de 72% e luminosidade de 56%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: turquoise; no lugar do valor hex.

Usando a Turquesa em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto turquesa no branco1.64 : 1reprova
Texto turquesa no preto12.79 : 1AAA

Em um fundo turquesa, use texto em preto (12.79 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

Cores nomeadas semelhantes

Turquesa Média (#48d1cc), Aquamarina Média (#66cdaa), Turquesa Escura (#00ced1), Verde-mar Claro (#20b2aa), Aquamarina (#7fffd4), Azul Céu (#87ceeb).

Perguntas frequentes

Qual é o código hex da turquesa?
#40e0d0, que equivale a rgb(64, 224, 208) e hsl(174, 72%, 56%). No CSS você também pode escrever simplesmente turquoise.
O texto turquesa é legível no branco?
Sua razão de contraste no branco é 1.64 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com a turquesa?
Sua cor complementar é #e03e4e. As cores análogas #3ee07f e #3e9fe0 ficam ao lado dela no círculo cromático.