Códigos HTML de cores para terracota - hexadecimal + RGB.
Descubra todos os códigos HTML da cor terracota - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor terracota.
#c89c7d
Cor complementar do terracota:
A cor complementar de uma cor é o oposto dela no círculo cromático
#7da9c8
Esquema monocromático da cor terracota
#5d3a20
#7a5439
#997053
#b88d6f
#d0aa8c
#e1c6ac
#f0e2cd
#ffffee
Este esquema é baseado na cor terracota e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor terracota
| formato | código |
|---|---|
| hex | #c89c7d |
| rgb | rgb(200,156,125) |
| hsl | hsl(25,41%,64%) |
| cmyk | cmyk(0, 22, 38, 22) |
| hsv | hsv(25, 38%, 79%) |
Qual é a cor terracota no formato RGB?
A cor terracota no formato RGB é composta por (200 no canal vermelho), (156 no canal verde) e (125 no canal azul).
Qual é a cor terracota no formato CMYK?
Ela é composta por (0%) de ciano, (22%) de magenta, (38%) de amarelo e (22%) de preto / chave.
Qual é a composição da cor terracota no formato HSL?
Ela é composta por (25°) de matiz, (41%) de saturação e (64%) de luminosidade.
Qual é a cor terracota no formato HSV?
A cor terracota no formato HSV é composta por (25°) de matiz, (38%) de saturação e (79%) de valor.
Esquema análogo da cor terracota
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#c99d7e
#c9c37e
#c97e84
Esquema triádico da cor terracota
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#c89c7d
#7dc89c
#9c7dc8
Esquema tetrádico da cor terracota
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#c89c7d
#83c87d
#7da9c8
#c17dc8
Esquema complementar dividido da cor terracota
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#c89c7d
#9ac87d
#7e7dc8
Tons da cor terracota
Os tons são obtidos a partir da cor base terracota até chegar ao branco, encontrando tons intermediários de cores pastel.
#c89c7d
#d3b097
#dec4b1
#e9d7cb
#f4ebe5
#ffffff
Sombras da cor terracota
Essas sombras são obtidas a partir da cor base terracota até chegar ao preto
#c89c7d
#a07d64
#785e4b
#503e32
#281f19
#000000
Verificar o contraste da cor terracota.
Agora você pode validar a relação de contraste da cor terracota, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 2.47
Teste de relação de contraste da cor terracota como fundo
Alterar a cor de fundo
Relação de contraste: 6.33
Teste de relação de contraste da cor terracota como texto.
Como implementar a cor terracota em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor terracota 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 terracota 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:#c89c7d;"> Cor terracota como fundo de uma div.</div>
/* Cor terracota como fundo da tag body com CSS. */body {background: #c89c7d;}
Para definir a cor do texto terracota 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:#c89c7d;"> Cor terracota como a cor do texto.</p>
p {color:#c89c7d ;}