Informação da cor #a44a61

A cor hexadecimal a44a61 no modelo de cores RGB (Red, Green, Blue), é um composta por 164 de vermelho, 74 de verde e 97 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 54.9% de magenta, 40.9% de amarelo e 35.7% de preto. Tem um ângulo de matiz de 344.7 graus, uma saturação de 37.8% e uma leveza de 46.7%.

A cor mais próxima WebSafe é 993333.

Conversões de #a44a61 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex a44a61
RGB 164, 74, 97
RGB Percentagem 64.3%, 29%, 38%
CMYK 0, 0.55, 0.41, 0.36
HSL 344.7°, 37.8%, 46.7%
HSV (ou HSB) 344.7°, 54.9%, 64.3%
RYB 64.3, 29, 38
Formato Cor
XYZ 22.3, 15.7, 15.4
CIELab 46.61, 38.34, 3.84
Decimal 10766945
Yxy 13.6552, 0.4286, 0.2939
YUV 103.532, 124.3138, 171.1298
CIELuv 43.7344, 59.468, -1.0261
Web Safe 993333

Distribuição de #a44a61

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#a44a61

#a44a61
rgb(164,74,97)

#4aa48d

#4aa48d
rgb(74,164,141)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#62a44a

#62a44a
rgb(98,164,74)

#a44a61

#a44a61
rgb(164,74,97)

#4a62a4

#4a62a4
rgb(74,98,164)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#8fa44a

#8fa44a
rgb(143,164,74)

#a44a61

#a44a61
rgb(164,74,97)

#4aa48d

#4aa48d
rgb(74,164,141)

#604aa4

#604aa4
rgb(96,74,164)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#a44a61

#a44a61
rgb(164,74,97)

#a4818a

#a4818a
rgb(164,129,138)

#a48089

#a48089
rgb(164,128,137)

#a47e88

#a47e88
rgb(164,126,136)

#a47c87

#a47c87
rgb(164,124,135)

#a47b85

#a47b85
rgb(164,123,133)

Tons e Matizes de #a44a61

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#a44a61

#a44a61
rgb(164,74,97)

#b66e80

#b66e80
rgb(182,110,128)

#c892a0

#c892a0
rgb(200,146,160)

#dab6bf

#dab6bf
rgb(218,182,191)

#ecdadf

#ecdadf
rgb(236,218,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a44a61

#a44a61
rgb(164,74,97)

#833b4d

#833b4d
rgb(131,59,77)

#622c3a

#622c3a
rgb(98,44,58)

#411d26

#411d26
rgb(65,29,38)

#200e13

#200e13
rgb(32,14,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #a44a61 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #a44a61 fica em um fundo preto.

Fundo de cor #a44a61

Esta visualização mostra como a cor branca fica em um fundo #a44a61.

Esta visualização mostra como a cor preta fica em um fundo #a44a61.

Contraste

Branco e #a44a61
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #a44a61
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #a44a61

Este exemplo mostra como o texto na cor #a44a61 se parece.

<span style="color:#a44a61;">Aqui fica o texto.</span>
Cor de fundo #a44a61

Este parágrafo tem fundo de cor #a44a61.

<p style="background-color:#a44a61;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #a44a61.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#a44a61;}
.background {background-color:#a44a61;}
.border {border:1px solid #a44a61;}

Cores alietórias

#d7d500

#d7d500
rgb(215,213,0)

#b51b21

#b51b21
rgb(181,27,33)

#7ab100

#7ab100
rgb(122,177,0)

#6208c6

#6208c6
rgb(98,8,198)

#b9fb14

#b9fb14
rgb(185,251,20)

#51f9fc

#51f9fc
rgb(81,249,252)

#436858

#436858
rgb(67,104,88)

#dd9c41

#dd9c41
rgb(221,156,65)

#899991

#899991
rgb(137,153,145)

#1ff534

#1ff534
rgb(31,245,52)

#5dd968

#5dd968
rgb(93,217,104)

#65e32f

#65e32f
rgb(101,227,47)