Informação da cor #837c81

A cor hexadecimal 837c81 no modelo de cores RGB (Red, Green, Blue), é um composta por 131 de vermelho, 124 de verde e 129 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 5.3% de magenta, 1.5% de amarelo e 48.6% de preto. Tem um ângulo de matiz de 317.1 graus, uma saturação de 2.8% e uma leveza de 50%.

A cor mais próxima WebSafe é 666666.

Conversões de #837c81 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 837c81
RGB 131, 124, 129
RGB Percentagem 51.4%, 48.6%, 50.6%
CMYK 0, 0.05, 0.02, 0.49
HSL 317.1°, 2.8%, 50%
HSV (ou HSB) 317.1°, 5.3%, 51.4%
RYB 51.4, 48.6, 50.6
Formato Cor
XYZ 23.3, 23.7, 26.9
CIELab 55.82, 3.47, -1.69
Decimal 8617089
Yxy 20.8257, 0.3156, 0.3201
YUV 126.663, 129.3188, 131.0934
CIELuv 52.7582, 3.7115, -3.0346
Web Safe 666666

Distribuição de #837c81

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.

#837c81

#837c81
rgb(131,124,129)

#7c837e

#7c837e
rgb(124,131,126)

Cores triadicas

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

#82837c

#82837c
rgb(130,131,124)

#837c81

#837c81
rgb(131,124,129)

#7c8283

#7c8283
rgb(124,130,131)

Cores tetrádicas

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

#83827c

#83827c
rgb(131,130,124)

#837c81

#837c81
rgb(131,124,129)

#7c837e

#7c837e
rgb(124,131,126)

#7c7e83

#7c7e83
rgb(124,126,131)

Cores monocromáticas

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

#837c81

#837c81
rgb(131,124,129)

#83687c

#83687c
rgb(131,104,124)

#83677b

#83677b
rgb(131,103,123)

#83657b

#83657b
rgb(131,101,123)

#83647a

#83647a
rgb(131,100,122)

#83637a

#83637a
rgb(131,99,122)

Tons e Matizes de #837c81

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

Matiz (adicionando branco)
#837c81

#837c81
rgb(131,124,129)

#9b969a

#9b969a
rgb(155,150,154)

#b4b0b3

#b4b0b3
rgb(180,176,179)

#cdcacc

#cdcacc
rgb(205,202,204)

#e6e4e5

#e6e4e5
rgb(230,228,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#837c81

#837c81
rgb(131,124,129)

#686367

#686367
rgb(104,99,103)

#4e4a4d

#4e4a4d
rgb(78,74,77)

#343133

#343133
rgb(52,49,51)

#1a1819

#1a1819
rgb(26,24,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #837c81

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

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

Contraste

Branco e #837c81
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 #837c81
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 #837c81

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

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

Este parágrafo tem fundo de cor #837c81.

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

Este elemento tem uma cor de borda de #837c81.

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

Cores alietórias

#2a2158

#2a2158
rgb(42,33,88)

#a53033

#a53033
rgb(165,48,51)

#981b6a

#981b6a
rgb(152,27,106)

#bce455

#bce455
rgb(188,228,85)

#42c34e

#42c34e
rgb(66,195,78)

#81c84d

#81c84d
rgb(129,200,77)

#6c055f

#6c055f
rgb(108,5,95)

#1084a1

#1084a1
rgb(16,132,161)

#fbd01d

#fbd01d
rgb(251,208,29)

#572dc0

#572dc0
rgb(87,45,192)

#adb294

#adb294
rgb(173,178,148)

#65f17f

#65f17f
rgb(101,241,127)