Códigos HTML de cores para turquesa - hexadecimal + RGB.

Descubra todos os códigos HTML da cor turquesa - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor turquesa.

#40e0d0

códigos del color turquesa

Cor complementar do turquesa:

A cor complementar de uma cor é o oposto dela no círculo cromático

#e04050

Esquema monocromático da cor turquesa

#007468
#159284
#27b0a2
#38d0c0
#5ce5d7
#86eee4
#a8f6f1
#c8ffff

Este esquema é baseado na cor turquesa e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.

Códigos HTML e CSS para a cor turquesa

formatocódigo
hex#40e0d0
rgbrgb(64,224,208)
hslhsl(174,73%,57%)
cmykcmyk(72, 0, 8, 13)
hsvhsv(174, 72%, 88%)

Qual é a cor turquesa no formato RGB?

A cor turquesa no formato RGB é composta por (64 no canal vermelho), (224 no canal verde) e (208 no canal azul).

Qual é a cor turquesa no formato CMYK?

Ela é composta por (72%) de ciano, (0%) de magenta, (8%) de amarelo e (13%) de preto / chave.

Qual é a composição da cor turquesa no formato HSL?

Ela é composta por (174°) de matiz, (73%) de saturação e (57%) de luminosidade.

Qual é a cor turquesa no formato HSV?

A cor turquesa no formato HSV é composta por (174°) de matiz, (72%) de saturação e (88%) de valor.

Esquema análogo da cor turquesa

As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.

#41e1d1
#41a1e1
#41e181

Esquema triádico da cor turquesa

O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.

#40e0d0
#d040e0
#e0d040

Esquema tetrádico da cor turquesa

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.

#40e0d0
#8040e0
#e04050
#a0e040

Esquema complementar dividido da cor turquesa

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.

#40e0d0
#5040e0
#e09040

Tons da cor turquesa

Os tons são obtidos a partir da cor base turquesa até chegar ao branco, encontrando tons intermediários de cores pastel.

#40e0d0
#66e6d9
#8cece3
#b3f3ec
#d9f9f6
#ffffff

Sombras da cor turquesa

Essas sombras são obtidas a partir da cor base turquesa até chegar ao preto

#40e0d0
#33b3a6
#26867d
#1a5a53
#0d2d2a
#000000

Verificar o contraste da cor turquesa.

Agora você pode validar a relação de contraste da cor turquesa, seja usando-a como cor de fundo ou como cor de texto.

Alterar a cor do texto.
Relação de contraste: 1.64

Teste de relação de contraste da cor turquesa como fundo

Alterar a cor de fundo
Relação de contraste: 9.51

Teste de relação de contraste da cor turquesa como texto.

Como implementar a cor turquesa em HTML e CSS.

Aqui estão exemplos de códigos para usar a cor turquesa na sua página da web. Lembre-se de que você pode implementar a cor em HTML usando códigos de cor, como hexadecimal, RGB ou HSL, e também diretamente com o nome da cor escrito em inglês (desde que seja suportado nativamente pelo HTML

Cor de fundo turquesa em HTML - CSS.

Para definir a cor de fundo, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.

<div style="background:#40e0d0;"> Cor turquesa como fundo de uma div.</div>
/* Cor turquesa como fundo da tag body com CSS. */
body {
background: #40e0d0;
}

Para definir a cor do texto turquesa em HTML - CSS.

Para definir a cor do texto, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.

<p style="color:#40e0d0;"> Cor turquesa como a cor do texto.</p>
p {
color:#40e0d0 ;
}

Aqui estão mais cores com todos os seus códigos.