#646C6A cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #646C6A

#646C6A

Em um espaço de cores RGB, hex #646C6A é composto de 39% vermelho, 42% verde e 42% azul. O código de cores RGB é composto por um componente hexadecimal 64 vermelho (100/255), um 6C verde (108/255) e um componente 6A azul (106/255). O código de cores RGB decimal é rgb(100,108,106) No espaço de cores CMYK, é composto por 7% ciano, 0% magenta, 2% amarelo e 58% preto. Tem um ângulo de matiz de 165o graus, uma saturação de 4% e uma luminosidade de 41%. A cor websafe mais próxima é: #666666 rgb (102, 102, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #646C6A possui valores RGB de R:100, G:108, B:106 e valores CMYK de C:7, M:0, Y:2, K:58. Seu valor decimal é 6581354. O código binário é 11001000110110001101010
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 646C6A  #646C6A RGB decimal 100, 108, 106  rgb(100, 108, 106) RGB % 39, 42, 42  rgb(39%, 42%, 42%) RGB Adobe 102, 108, 106 CMYK % 7, 0, 2, 58  7%, 0%, 2%, 58% HSL 165o, 4, 41  hsl(165o, 4%, 41%) HSV (HSB) 165o, 7%, 42%  hsv(165o, 7%, 42%)

Web Safe cor #666666 rgb (102, 102, 102) XYZ 13.22, 14.475 15.733 xyY 0.3, 0.33, 14.48 Hunter-Lab 38.05, -2.56, 0.05 CMY 61%, 58%, 58% Lab 44.88, -3.49, 0.02 Binário cor 64 6C 6A 1100100 1101100 1101010

Tons e matizes de #646C6A

---

Um tom é obtido adicionando preto à cor original no código de matiz.
Um tom é criado pela mistura de cor com branco.
Use a paleta para escolher uma cor ou os controles deslizantes para definir os componentes RGB, HSV, CMYK.
Por exemplo aqui: #131615 é a cor mais escura e: #E0E2E1 é a mais clara.

Variação de tonalidade #646C6A

#7B8280 rgb (123,130,128) #7B8280 #8F9593 rgb (143,149,147) #8F9593 #A0A5A3 rgb (160,165,163) #A0A5A3 #AEB3B1 rgb (174,179,177) #AEB3B1 #BABEBD rgb (186,190,189) #BABEBD #C4C8C7 rgb (196,200,199) #C4C8C7 #CDD0CF rgb (205,208,207) #CDD0CF #D5D7D6 rgb (213,215,214) #D5D7D6 #DBDDDC rgb (219,221,220) #DBDDDC #E0E2E1 rgb (224,226,225) #E0E2E1

Variação de cor de sombra

#555C5A rgb (85,92,90) #555C5A #484E4D rgb (72,78,77) #484E4D #3D4241 rgb (61,66,65) #3D4241 #343837 rgb (52,56,55) #343837 #2C302F rgb (44,48,47) #2C302F #252928 rgb (37,41,40) #252928 #1F2322 rgb (31,35,34) #1F2322 #1A1E1D rgb (26,30,29) #1A1E1D #161A19 rgb (22,26,25) #161A19 #131615 rgb (19,22,21) #131615

Tons de #646C6A

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #676E6C é a cor menos saturada e #767978 é a mais saturada.

#676E6C rgb (103,110,108) #676E6C #6A706E rgb (106,112,110) #6A706E #6C7270 rgb (108,114,112) #6C7270 #6E7372 rgb (110,115,114) #6E7372 #707473 rgb (112,116,115) #707473 #727574 rgb (114,117,116) #727574 #737675 rgb (115,118,117) #737675 #747776 rgb (116,119,118) #747776 #757877 rgb (117,120,119) #757877 #767978 rgb (118,121,120) #767978

Alternativas para #646C6A

---

Abaixo, você pode ver algumas cores próximas a #646C6A. Ter um conjunto de cores relacionadas pode ser útil se você precisar de uma alternativa inspiradora ou outras cores próximas à sua escolha de cor original.

#64306A rgb (100,48,106) #64306A #64446A rgb (100,68,106) #64446A #64586A rgb (100,88,106) #64586A #64806A rgb (100,128,106) #64806A #64946A rgb (100,148,106) #64946A #64A86A rgb (100,168,106) #64A86A

Uso rápido #646C6A

---

Como usar esta cor em páginas da web, scripts ou outras linguagens de programação usando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Cor do texto	Exemplo de cor de fundo
Cor do texto	Exemplo de cor de fundo
<font color="#646C6A;">Text here</font>	<div style="background-color:#646C6A;">Text here</div>

Visualização de cores em fundo preto	Visualização de cores em fundo branco
visualização de cores em fundo preto	visualização de cores em fundo branco
HTML código <div style="background-color:#000000"> <font color="#646C6A;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#646C6A;">Text here</font> </div>

Sombra da caixa div	Código CSS de sombra de texto
Sombra da caixa por cor #646C6A	código CSS de sombra de texto
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #646C6A;"></div> CSS código .box-shadow: 2px 2px 7px 1px;	CSS código .text-shadow: 1px 2px 2px #646C6A;

Código html da borda da caixa	Sombra de texto com valores RGB por cor #646C6A
código html da borda da caixa por cor #646C6A	sombra de texto com valores RGB
HTML código <div style="background-color:#FFFFFF; border:1px solid #646C6A;"></div>	CSS código with RGB .text-shadow: 0px 2px 2px rgba(100, 108, 106, 1.4);

Código pré-formatado 646C6A	código por script / programming
HTML, CSS:	= #646C6A; rgb(100, 108, 106)
Java:	= new Color(100, 108, 106)
.NET:	= Color.FromArgb (100, 108, 106);
Xojo:	= rgb (100, 108, 106, 0);
openGL:	= glColor3f (0.39f, 0.42f, 0.42f);
Swift:	= UIColor(red:0.39, green:0.42, blue:0.42, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.39 green:0.42 blue:0.42 alpha:1.00000];

Esquemas de cores com #646C6A

---

Cor monocromática Esquemas de cores monocromáticos são fáceis de criar porque usam apenas uma cor. Esquemas monocromáticos usam tons diferentes do mesmo ângulo na roda de cores (o mesmo ângulo) Basta alterar a saturação de cor +10% e você terá uma nova cor monocromática. Na cor do nosso case: 7% tem uma saturação #646C6A. Adicionando 7% + 10% = 17% de saturação para nossa nova cor #394542. Diminuindo 7% - 10% = 0% saturação para outras cores monocromáticas #919191. #919191 rgb (145,145,145) #919191 0% saturação #912b2b rgb (43,43,43) #912b2b 0% saturação #394542 rgb (57,69,66) #394542 17% saturação #202b28 rgb (32,43,40) #202b28 27% saturação

Cor análoga Esquemas de cores análogos são criados usando cores próximas umas das outras na roda de cores. Apenas +/- 30o nas laterais do ângulo de matiz da cor #64696B rgb (100,105,107) #64696B 195o #646C6A rgb (100,108,106) #646C6A 165o #646B65 rgb (100,107,101) #646B65 135o

Cor complementar Esquemas complementares são criados combinando cores de lados opostos da roda de cores. Basta adicionar 180 graus ao matiz / ângulo da cor e você terá a cor complementar. Na cor do nosso case: #646C6A tem um ângulo 165o. Adicionando 165o + 180o = 345oo para nossa nova cor complementar #6B6465. #646C6A rgb (100,108,106) #646C6A 165o #6B6465 rgb (107,100,101) #6B6465 345o

Dividir cor Esquemas compostos ou esquemas complementares divididos são quase o mesmo que esquemas complementares. Em vez de usar cores opostas, ele usa cores em ambos os lados do ângulo de matiz oposto. Na cor da nossa caixa: #646C6A tem um ângulo 165o. Adicionando 165o + 180o+30o = 15o para nossa primeira cor complementar #6B6564. Diminuindo 165o + 180o-30o = 315o para a segunda cor complementar #6B6469. #6B6469 rgb (107,100,105) #6B6469 315o #646C6A rgb (100,108,106) #646C6A 165o #6B6564 rgb (107,101,100) #6B6564 15o

Cor triádica Esquemas triádicos são compostos de matizes/ângulos igualmente espaçados ao redor da roda de cores. Adicione e diminua +/- 120 graus em ambos os lados do ângulo de matiz da cor. #69646B rgb (105,100,107) #69646B 285o #646C6A rgb (100,108,106) #646C6A 165o #6B6964 rgb (107,105,100) #6B6964 45o

Cor tetrádica Esquemas tetrádicos são compostos de matizes/ângulos espaçados ao redor da roda de cores. Adicione 120.180.300 graus no ângulo de matiz da cor. #69646B rgb (105,100,107) #69646B 285o #646C6A rgb (100,108,106) #646C6A 165o #6B6465 rgb (107,100,101) #6B6465 345o #656B64 rgb (101,107,100) #656B64 105o