Informação da cor #a17f7e

A cor hexadecimal a17f7e no modelo de cores RGB (Red, Green, Blue), é um composta por 161 de vermelho, 127 de verde e 126 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 21.1% de magenta, 21.7% de amarelo e 36.9% de preto. Tem um ângulo de matiz de 1.7 graus, uma saturação de 15.7% e uma leveza de 56.3%.

A cor mais próxima WebSafe é 996666.

Conversões de #a17f7e 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 a17f7e
RGB 161, 127, 126
RGB Percentagem 63.1%, 49.8%, 49.4%
CMYK 0, 0.21, 0.22, 0.37
HSL 1.7°, 15.7%, 56.3%
HSV (ou HSB) 1.7°, 21.7%, 63.1%
RYB 63.1, 50.2, 49.4
Formato Cor
XYZ 28.9, 27.3, 26.2
CIELab 59.2, 12.25, 5.23
Decimal 10583934
Yxy 24.2632, 0.3551, 0.3307
YUV 137.052, 121.763, 145.0813
CIELuv 56.3504, 21.3442, 5.3256
Web Safe 996666

Distribuição de #a17f7e

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.

#a17f7e

#a17f7e
rgb(161,127,126)

#7ea1a1

#7ea1a1
rgb(126,161,161)

Cores triadicas

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

#7ea17f

#7ea17f
rgb(126,161,127)

#a17f7e

#a17f7e
rgb(161,127,126)

#7f7ea1

#7f7ea1
rgb(127,126,161)

Cores tetrádicas

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

#8fa17e

#8fa17e
rgb(143,161,126)

#a17f7e

#a17f7e
rgb(161,127,126)

#7ea1a1

#7ea1a1
rgb(126,161,161)

#917ea1

#917ea1
rgb(145,126,161)

Cores monocromáticas

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

#a17f7e

#a17f7e
rgb(161,127,126)

#a1807f

#a1807f
rgb(161,128,127)

#a17f7e

#a17f7e
rgb(161,127,126)

#a17d7c

#a17d7c
rgb(161,125,124)

#a17c7b

#a17c7b
rgb(161,124,123)

#a17a79

#a17a79
rgb(161,122,121)

Tons e Matizes de #a17f7e

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

Matiz (adicionando branco)
#a17f7e

#a17f7e
rgb(161,127,126)

#b39897

#b39897
rgb(179,152,151)

#c6b2b1

#c6b2b1
rgb(198,178,177)

#d9cbcb

#d9cbcb
rgb(217,203,203)

#ece5e5

#ece5e5
rgb(236,229,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a17f7e

#a17f7e
rgb(161,127,126)

#806564

#806564
rgb(128,101,100)

#604c4b

#604c4b
rgb(96,76,75)

#403232

#403232
rgb(64,50,50)

#201919

#201919
rgb(32,25,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a17f7e

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

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

Contraste

Branco e #a17f7e
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.

Preto e #a17f7e
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.

Exemplos CSS

Texto com cor hexadecimal #a17f7e

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

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

Este parágrafo tem fundo de cor #a17f7e.

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

Este elemento tem uma cor de borda de #a17f7e.

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

Cores alietórias

#dfc775

#dfc775
rgb(223,199,117)

#7b57bf

#7b57bf
rgb(123,87,191)

#74237c

#74237c
rgb(116,35,124)

#aad0b7

#aad0b7
rgb(170,208,183)

#6d635d

#6d635d
rgb(109,99,93)

#9be9d4

#9be9d4
rgb(155,233,212)

#a5d83c

#a5d83c
rgb(165,216,60)

#c59410

#c59410
rgb(197,148,16)

#c7bf31

#c7bf31
rgb(199,191,49)

#676cff

#676cff
rgb(103,108,255)

#3bf75c

#3bf75c
rgb(59,247,92)

#3a0576

#3a0576
rgb(58,5,118)