Códigos HTML de cores para amaranto - hexadecimal + RGB.
Descubra todos os códigos HTML da cor amaranto - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor amaranto.
#e52b50
Cor complementar do amaranto:
A cor complementar de uma cor é o oposto dela no círculo cromático
#2be5c0
Esquema monocromático da cor amaranto
#6a0000
#8b0a19
#ae182f
#d32545
#ea445e
#f46b7b
#fa8c99
#ffabb9
Este esquema é baseado na cor amaranto e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor amaranto
| formato | código |
|---|---|
| hex | #e52b50 |
| rgb | rgb(229,43,80) |
| hsl | hsl(349,79%,54%) |
| cmyk | cmyk(0, 82, 66, 11) |
| hsv | hsv(349, 82%, 90%) |
Qual é a cor amaranto no formato RGB?
A cor amaranto no formato RGB é composta por (229 no canal vermelho), (43 no canal verde) e (80 no canal azul).
Qual é a cor amaranto no formato CMYK?
Ela é composta por (0%) de ciano, (82%) de magenta, (66%) de amarelo e (11%) de preto / chave.
Qual é a composição da cor amaranto no formato HSL?
Ela é composta por (349°) de matiz, (79%) de saturação e (54%) de luminosidade.
Qual é a cor amaranto no formato HSV?
A cor amaranto no formato HSV é composta por (349°) de matiz, (82%) de saturação e (90%) de valor.
Esquema análogo da cor amaranto
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#e62d4f
#e6682d
#e62dac
Esquema triádico da cor amaranto
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#e52b50
#50e52b
#2b50e5
Esquema tetrádico da cor amaranto
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#e52b50
#ade52b
#2be5c0
#632be5
Esquema complementar dividido da cor amaranto
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#e52b50
#e5e52b
#2b9ae5
Tons da cor amaranto
Os tons são obtidos a partir da cor base amaranto até chegar ao branco, encontrando tons intermediários de cores pastel.
#e52b50
#ea5573
#ef8096
#f5aab9
#fad5dc
#ffffff
Sombras da cor amaranto
Essas sombras são obtidas a partir da cor base amaranto até chegar ao preto
#e52b50
#b72240
#891a30
#5c1120
#2e0910
#000000
Verificar o contraste da cor amaranto.
Agora você pode validar a relação de contraste da cor amaranto, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 4.38
Teste de relação de contraste da cor amaranto como fundo
Alterar a cor de fundo
Relação de contraste: 3.56
Teste de relação de contraste da cor amaranto como texto.
Como implementar a cor amaranto em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor amaranto 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 amaranto 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:#e52b50;"> Cor amaranto como fundo de uma div.</div>
/* Cor amaranto como fundo da tag body com CSS. */body {background: #e52b50;}
Para definir a cor do texto amaranto 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:#e52b50;"> Cor amaranto como a cor do texto.</p>
p {color:#e52b50 ;}