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

códigos del color amaranto

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

formatocódigo
hex#e52b50
rgbrgb(229,43,80)
hslhsl(349,79%,54%)
cmykcmyk(0, 82, 66, 11)
hsvhsv(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 ;
}

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