Informação da cor #856b7c

A cor hexadecimal 856b7c no modelo de cores RGB (Red, Green, Blue), é um composta por 133 de vermelho, 107 de verde e 124 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 19.5% de magenta, 6.8% de amarelo e 47.8% de preto. Tem um ângulo de matiz de 320.8 graus, uma saturação de 10.8% e uma leveza de 47.1%.

A cor mais próxima WebSafe é 666666.

Conversões de #856b7c 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 856b7c
RGB 133, 107, 124
RGB Percentagem 52.2%, 42%, 48.6%
CMYK 0, 0.2, 0.07, 0.48
HSL 320.8°, 10.8%, 47.1%
HSV (ou HSB) 320.8°, 19.6%, 52.2%
RYB 52.2, 42, 48.6
Formato Cor
XYZ 21.2, 19.6, 24.5
CIELab 51.41, 12.85, -5.35
Decimal 8743804
Yxy 16.9577, 0.3264, 0.2981
YUV 116.712, 132.1129, 139.6177
CIELuv 48.2067, 14.1303, -9.7001
Web Safe 666666

Distribuição de #856b7c

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.

#856b7c

#856b7c
rgb(133,107,124)

#6b8574

#6b8574
rgb(107,133,116)

Cores triadicas

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

#7d856b

#7d856b
rgb(125,133,107)

#856b7c

#856b7c
rgb(133,107,124)

#6b7d85

#6b7d85
rgb(107,125,133)

Cores tetrádicas

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

#85816b

#85816b
rgb(133,129,107)

#856b7c

#856b7c
rgb(133,107,124)

#6b8574

#6b8574
rgb(107,133,116)

#6b7085

#6b7085
rgb(107,112,133)

Cores monocromáticas

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

#856b7c

#856b7c
rgb(133,107,124)

#85697c

#85697c
rgb(133,105,124)

#85687b

#85687b
rgb(133,104,123)

#85677b

#85677b
rgb(133,103,123)

#85657a

#85657a
rgb(133,101,122)

#85647a

#85647a
rgb(133,100,122)

Tons e Matizes de #856b7c

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

Matiz (adicionando branco)
#856b7c

#856b7c
rgb(133,107,124)

#9d8896

#9d8896
rgb(157,136,150)

#b5a6b0

#b5a6b0
rgb(181,166,176)

#cec3ca

#cec3ca
rgb(206,195,202)

#e6e1e4

#e6e1e4
rgb(230,225,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#856b7c

#856b7c
rgb(133,107,124)

#6a5563

#6a5563
rgb(106,85,99)

#4f404a

#4f404a
rgb(79,64,74)

#352a31

#352a31
rgb(53,42,49)

#1a1518

#1a1518
rgb(26,21,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #856b7c

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

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

Contraste

Branco e #856b7c
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 #856b7c
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 #856b7c

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

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

Este parágrafo tem fundo de cor #856b7c.

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

Este elemento tem uma cor de borda de #856b7c.

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

Cores alietórias

#6a78f4

#6a78f4
rgb(106,120,244)

#66b557

#66b557
rgb(102,181,87)

#872244

#872244
rgb(135,34,68)

#7b868b

#7b868b
rgb(123,134,139)

#0c83cd

#0c83cd
rgb(12,131,205)

#d0b3cc

#d0b3cc
rgb(208,179,204)

#418716

#418716
rgb(65,135,22)

#170552

#170552
rgb(23,5,82)

#068551

#068551
rgb(6,133,81)

#8a5d50

#8a5d50
rgb(138,93,80)

#799ac4

#799ac4
rgb(121,154,196)

#d67aba

#d67aba
rgb(214,122,186)