Informação da cor #6d676f

A cor hexadecimal 6d676f no modelo de cores RGB (Red, Green, Blue), é um composta por 109 de vermelho, 103 de verde e 111 de azul.

No padrão de cores CMYK, é composto por 1.8% de ciano, 7.2% de magenta, 0% de amarelo e 56.5% de preto. Tem um ângulo de matiz de 285 graus, uma saturação de 3.7% e uma leveza de 42%.

A cor mais próxima WebSafe é 666666.

Conversões de #6d676f 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 6d676f
RGB 109, 103, 111
RGB Percentagem 42.7%, 40.4%, 43.5%
CMYK 0.02, 0.07, 0, 0.56
HSL 285°, 3.7%, 42%
HSV (ou HSB) 285°, 7.2%, 43.5%
RYB 42.7, 40.4, 43.5
Formato Cor
XYZ 16.5, 16.6, 19.9
CIELab 47.75, 3.85, -3.52
Decimal 7169903
Yxy 14.0995, 0.3107, 0.3123
YUV 105.706, 130.9876, 130.3495
CIELuv 44.3752, 2.8903, -5.4939
Web Safe 666666

Distribuição de #6d676f

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.

#6d676f

#6d676f
rgb(109,103,111)

#696f67

#696f67
rgb(105,111,103)

Cores triadicas

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

#6f6d67

#6f6d67
rgb(111,109,103)

#6d676f

#6d676f
rgb(109,103,111)

#676f6d

#676f6d
rgb(103,111,109)

Cores tetrádicas

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

#6f6967

#6f6967
rgb(111,105,103)

#6d676f

#6d676f
rgb(109,103,111)

#696f67

#696f67
rgb(105,111,103)

#676d6f

#676d6f
rgb(103,109,111)

Cores monocromáticas

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

#6d676f

#6d676f
rgb(109,103,111)

#6a586f

#6a586f
rgb(106,88,111)

#69576f

#69576f
rgb(105,87,111)

#69566f

#69566f
rgb(105,86,111)

#69556f

#69556f
rgb(105,85,111)

#69546f

#69546f
rgb(105,84,111)

Tons e Matizes de #6d676f

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

Matiz (adicionando branco)
#6d676f

#6d676f
rgb(109,103,111)

#8a858b

#8a858b
rgb(138,133,139)

#a7a3a8

#a7a3a8
rgb(167,163,168)

#c4c2c5

#c4c2c5
rgb(196,194,197)

#e1e0e2

#e1e0e2
rgb(225,224,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6d676f

#6d676f
rgb(109,103,111)

#575258

#575258
rgb(87,82,88)

#413d42

#413d42
rgb(65,61,66)

#2b292c

#2b292c
rgb(43,41,44)

#151416

#151416
rgb(21,20,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6d676f

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

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

Contraste

Branco e #6d676f
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 #6d676f
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 #6d676f

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

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

Este parágrafo tem fundo de cor #6d676f.

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

Este elemento tem uma cor de borda de #6d676f.

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

Cores alietórias

#71dc68

#71dc68
rgb(113,220,104)

#837087

#837087
rgb(131,112,135)

#3f63e9

#3f63e9
rgb(63,99,233)

#b8fd54

#b8fd54
rgb(184,253,84)

#363415

#363415
rgb(54,52,21)

#b8b169

#b8b169
rgb(184,177,105)

#7c853e

#7c853e
rgb(124,133,62)

#c37ba6

#c37ba6
rgb(195,123,166)

#259783

#259783
rgb(37,151,131)

#74ebc1

#74ebc1
rgb(116,235,193)

#e452a2

#e452a2
rgb(228,82,162)

#04166c

#04166c
rgb(4,22,108)