Informação da cor #847c7f

A cor hexadecimal 847c7f no modelo de cores RGB (Red, Green, Blue), é um composta por 132 de vermelho, 124 de verde e 127 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 6.1% de magenta, 3.8% de amarelo e 48.2% de preto. Tem um ângulo de matiz de 337.5 graus, uma saturação de 3.2% e uma leveza de 50.2%.

A cor mais próxima WebSafe é 666666.

Conversões de #847c7f 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 847c7f
RGB 132, 124, 127
RGB Percentagem 51.8%, 48.6%, 49.8%
CMYK 0, 0.06, 0.04, 0.48
HSL 337.5°, 3.2%, 50.2%
HSV (ou HSB) 337.5°, 6.1%, 51.8%
RYB 51.8, 48.6, 49.8
Formato Cor
XYZ 23.4, 23.8, 26.2
CIELab 55.85, 3.45, -0.52
Decimal 8682623
Yxy 20.8533, 0.319, 0.3237
YUV 126.734, 128.1501, 131.7561
CIELuv 52.7886, 4.439, -1.3311
Web Safe 666666

Distribuição de #847c7f

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.

#847c7f

#847c7f
rgb(132,124,127)

#7d8482

#7d8482
rgb(125,132,130)

Cores triadicas

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

#7f847d

#7f847d
rgb(127,132,125)

#847c7f

#847c7f
rgb(132,124,127)

#7d7f84

#7d7f84
rgb(125,127,132)

Cores tetrádicas

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

#83847d

#83847d
rgb(131,132,125)

#847c7f

#847c7f
rgb(132,124,127)

#7d8482

#7d8482
rgb(125,132,130)

#7e7d84

#7e7d84
rgb(126,125,132)

Cores monocromáticas

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

#847c7f

#847c7f
rgb(132,124,127)

#846973

#846973
rgb(132,105,115)

#846772

#846772
rgb(132,103,114)

#846671

#846671
rgb(132,102,113)

#846571

#846571
rgb(132,101,113)

#846370

#846370
rgb(132,99,112)

Tons e Matizes de #847c7f

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

Matiz (adicionando branco)
#847c7f

#847c7f
rgb(132,124,127)

#9c9698

#9c9698
rgb(156,150,152)

#b5b0b2

#b5b0b2
rgb(181,176,178)

#cdcacb

#cdcacb
rgb(205,202,203)

#e6e4e5

#e6e4e5
rgb(230,228,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#847c7f

#847c7f
rgb(132,124,127)

#696365

#696365
rgb(105,99,101)

#4f4a4c

#4f4a4c
rgb(79,74,76)

#343132

#343132
rgb(52,49,50)

#1a1819

#1a1819
rgb(26,24,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #847c7f

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

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

Contraste

Branco e #847c7f
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 #847c7f
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 #847c7f

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

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

Este parágrafo tem fundo de cor #847c7f.

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

Este elemento tem uma cor de borda de #847c7f.

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

Cores alietórias

#fd4596

#fd4596
rgb(253,69,150)

#afe2c3

#afe2c3
rgb(175,226,195)

#c2ec6c

#c2ec6c
rgb(194,236,108)

#e66e3d

#e66e3d
rgb(230,110,61)

#ccb6fe

#ccb6fe
rgb(204,182,254)

#a3ab7b

#a3ab7b
rgb(163,171,123)

#9c4328

#9c4328
rgb(156,67,40)

#dd8ba8

#dd8ba8
rgb(221,139,168)

#22df8a

#22df8a
rgb(34,223,138)

#3c82b7

#3c82b7
rgb(60,130,183)

#175568

#175568
rgb(23,85,104)

#0da585

#0da585
rgb(13,165,133)