Código da cor Turquesa Escuro (#00ced1)

Turquesa Escuro é #00ced1 em hex e rgb(0, 206, 209), um ciano médio. Abaixo você encontra todos os formatos da cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Turquesa Escuro
#00ced1
Nome CSSdarkturquoise
Hex#00ced1
RGBrgb(0, 206, 209)
HSLhsl(181 100% 41%)
HWBhwb(181 0% 18%)
CMYK100%, 1%, 0%, 18%

Tons e sombras

Harmonias de cores

Sobre o Turquesa Escuro

Turquesa Escuro (darkturquoise) é um ciano médio e vibrante, com o código hex #00ced1, ou rgb(0, 206, 209). No HSL, ele fica com matiz de 181°, saturação de 100% e luminosidade de 41%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkturquoise; em vez do valor hex.

Usando o Turquesa Escuro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto em Turquesa Escuro sobre branco1.95 : 1reprova
Texto em Turquesa Escuro sobre preto10.75 : 1AAA

Em um fundo turquesa escuro, use texto em preto (10.75 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Para testar outras combinações, use o Verificador de contraste.

CSS

.element {
  color: darkturquoise;               /* or #00ced1 */
  background-color: #00ced1;
  border: 1px solid rgb(0 206 209 / 50%);
}

Cores nomeadas semelhantes

Azul Céu Profundo (#00bfff), Verde Mar Claro (#20b2aa), Turquesa (#40e0d0), Aqua (#00ffff), Verde Primavera Médio (#00fa9a), Turquesa Médio (#48d1cc).

Perguntas frequentes

Qual é o código hex do turquesa escuro?
#00ced1, que equivale a rgb(0, 206, 209) e hsl(181, 100%, 41%). No CSS você também pode simplesmente escrever darkturquoise.
O texto em turquesa escuro é legível sobre branco?
A razão de contraste sobre branco é 1.95 : 1, o que reprova no WCAG. Use essa cor para decoração ou sobre um fundo escuro.
Quais cores combinam bem com o turquesa escuro?
A cor complementar é #d10300. As cores análogas #00d16c e #0065d1 ficam ao lado dela no círculo cromático.