Código da Cor Turquesa Médio (#48d1cc)

Turquesa Médio é #48d1cc em hex e rgb(72, 209, 204) — um ciano médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Turquesa Médio
#48d1cc
Nome CSSmediumturquoise
Hex#48d1cc
RGBrgb(72, 209, 204)
HSLhsl(178 60% 55%)
HWBhwb(178 28% 18%)
CMYK66%, 0%, 2%, 18%

Tons e sombras

Harmonias de cores

Sobre o Turquesa Médio

Turquesa Médio (mediumturquoise) é um ciano médio e vibrante, com o código hex #48d1cc, ou rgb(72, 209, 204). No HSL, ele fica com matiz de 178°, saturação de 60% e luminosidade de 55%. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: mediumturquoise; em vez do valor hex.

Usando o Turquesa Médio em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto em Turquesa Médio sobre branco1.86 : 1reprovado
Texto em Turquesa Médio sobre preto11.27 : 1AAA

Em um fundo turquesa médio, use texto em preto (11.27 : 1). O WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: mediumturquoise;               /* or #48d1cc */
  background-color: #48d1cc;
  border: 1px solid rgb(72 209 204 / 50%);
}

Cores nomeadas parecidas

Turquesa (#40e0d0), Aquamarine Médio (#66cdaa), Verde Mar Claro (#20b2aa), Azul Céu (#87ceeb), Azul Cadete (#5f9ea0), Aquamarine (#7fffd4).

Perguntas frequentes

Qual é o código hex do turquesa médio?
#48d1cc — isso equivale a rgb(72, 209, 204) e hsl(178, 60%, 55%). No CSS você também pode simplesmente escrever mediumturquoise.
O texto em turquesa médio é legível sobre branco?
A razão de contraste sobre branco é 1.86 : 1, o que reprova no WCAG — use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com o turquesa médio?
A cor complementar é #d1474c; as cores análogas #47d188 e #4791d1 ficam ao lado dela no círculo cromático.