Informação da cor #6a6667

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

No padrão de cores CMYK, é composto por 0% de ciano, 3.8% de magenta, 2.8% de amarelo e 58.4% de preto. Tem um ângulo de matiz de 345 graus, uma saturação de 1.9% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 666666.

Conversões de #6a6667 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 6a6667
RGB 106, 102, 103
RGB Percentagem 41.6%, 40%, 40.4%
CMYK 0, 0.04, 0.03, 0.58
HSL 345°, 1.9%, 40.8%
HSV (ou HSB) 345°, 3.8%, 41.6%
RYB 41.6, 40, 40.4
Formato Cor
XYZ 15.5, 16, 17.4
CIELab 46.98, 1.71, -0.01
Decimal 6973031
Yxy 13.5463, 0.3172, 0.3269
YUV 103.31, 127.8251, 129.9187
CIELuv 43.5751, 2.2103, -0.2789
Web Safe 666666

Distribuição de #6a6667

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.

#6a6667

#6a6667
rgb(106,102,103)

#666a6a

#666a6a
rgb(102,106,106)

Cores triadicas

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

#676a66

#676a66
rgb(103,106,102)

#6a6667

#6a6667
rgb(106,102,103)

#66676a

#66676a
rgb(102,103,106)

Cores tetrádicas

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

#6a6a66

#6a6a66
rgb(106,106,102)

#6a6667

#6a6667
rgb(106,102,103)

#666a6a

#666a6a
rgb(102,106,106)

#67666a

#67666a
rgb(103,102,106)

Cores monocromáticas

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

#6a6667

#6a6667
rgb(106,102,103)

#6a545a

#6a545a
rgb(106,84,90)

#6a5359

#6a5359
rgb(106,83,89)

#6a5258

#6a5258
rgb(106,82,88)

#6a5157

#6a5157
rgb(106,81,87)

#6a5057

#6a5057
rgb(106,80,87)

Tons e Matizes de #6a6667

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

Matiz (adicionando branco)
#6a6667

#6a6667
rgb(106,102,103)

#878485

#878485
rgb(135,132,133)

#a5a3a3

#a5a3a3
rgb(165,163,163)

#c3c1c2

#c3c1c2
rgb(195,193,194)

#e1e0e0

#e1e0e0
rgb(225,224,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6a6667

#6a6667
rgb(106,102,103)

#545152

#545152
rgb(84,81,82)

#3f3d3d

#3f3d3d
rgb(63,61,61)

#2a2829

#2a2829
rgb(42,40,41)

#151414

#151414
rgb(21,20,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6a6667

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#51540b

#51540b
rgb(81,84,11)

#e997d4

#e997d4
rgb(233,151,212)

#132c65

#132c65
rgb(19,44,101)

#563e55

#563e55
rgb(86,62,85)

#8d164f

#8d164f
rgb(141,22,79)

#3a2ed6

#3a2ed6
rgb(58,46,214)

#e7fbba

#e7fbba
rgb(231,251,186)

#8e32c9

#8e32c9
rgb(142,50,201)

#1e3803

#1e3803
rgb(30,56,3)

#8db96d

#8db96d
rgb(141,185,109)

#40c3b2

#40c3b2
rgb(64,195,178)

#ace9fd

#ace9fd
rgb(172,233,253)