#689AAC cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #689AAC

#689AAC

Em um espaço de cores RGB, hex #689AAC é composto de 41% vermelho, 60% verde e 67% azul. O código de cores RGB é composto por um componente hexadecimal 68 vermelho (104/255), um 9A verde (154/255) e um componente AC azul (172/255). O código de cores RGB decimal é rgb(104,154,172) No espaço de cores CMYK, é composto por 40% ciano, 10% magenta, 0% amarelo e 33% preto. Tem um ângulo de matiz de 195.88o graus, uma saturação de 29% e uma luminosidade de 54%. A cor websafe mais próxima é: #669999 rgb (102, 153, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #689AAC possui valores RGB de R:104, G:154, B:172 e valores CMYK de C:40, M:10, Y:0, K:33. Seu valor decimal é 6855340. O código binário é 11010001001101010101100
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 689AAC  #689AAC RGB decimal 104, 154, 172  rgb(104, 154, 172) RGB % 41, 60, 67  rgb(41%, 60%, 67%) RGB Adobe 120, 153, 170 CMYK % 40, 10, 0, 33  40%, 10%, 0%, 33% HSL 195.88o, 29, 54  hsl(195.88o, 29%, 54%) HSV (HSB) 196o, 40%, 67%  hsv(196o, 40%, 67%)

Web Safe cor #669999 rgb (102, 153, 153) XYZ 24.711, 29.033 43.331 xyY 0.25, 0.3, 29.03 Hunter-Lab 53.88, -9.71, -13.39 CMY 59%, 40%, 33% Lab 60.56, -13.81, -15.05 Binário cor 68 9A AC 1101000 10011010 10101100

Tons e matizes de #689AAC

---

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: #141F22 é a cor mais escura e: #E1EBEF é a mais clara.

Variação de tonalidade #689AAC

#7FA9B8 rgb (127,169,184) #7FA9B8 #92B6C3 rgb (146,182,195) #92B6C3 #A2C1CC rgb (162,193,204) #A2C1CC #B0CAD4 rgb (176,202,212) #B0CAD4 #BCD2DA rgb (188,210,218) #BCD2DA #C6D9E0 rgb (198,217,224) #C6D9E0 #CFDFE5 rgb (207,223,229) #CFDFE5 #D6E4E9 rgb (214,228,233) #D6E4E9 #DCE8EC rgb (220,232,236) #DCE8EC #E1EBEF rgb (225,235,239) #E1EBEF

Variação de cor de sombra

#588392 rgb (88,131,146) #588392 #4B6F7C rgb (75,111,124) #4B6F7C #405E69 rgb (64,94,105) #405E69 #365059 rgb (54,80,89) #365059 #2E444C rgb (46,68,76) #2E444C #273A41 rgb (39,58,65) #273A41 #213137 rgb (33,49,55) #213137 #1C2A2F rgb (28,42,47) #1C2A2F #182428 rgb (24,36,40) #182428 #141F22 rgb (20,31,34) #141F22

Tons de #689AAC

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #6A97A8 é a cor menos saturada e #778A8F é a mais saturada.

#6A97A8 rgb (106,151,168) #6A97A8 #6C95A4 rgb (108,149,164) #6C95A4 #6E93A0 rgb (110,147,160) #6E93A0 #70919D rgb (112,145,157) #70919D #728F9A rgb (114,143,154) #728F9A #738E97 rgb (115,142,151) #738E97 #748D95 rgb (116,141,149) #748D95 #758C93 rgb (117,140,147) #758C93 #768B91 rgb (118,139,145) #768B91 #778A8F rgb (119,138,143) #778A8F

Alternativas para #689AAC

---

Abaixo, você pode ver algumas cores próximas a #689AAC. 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.

#685EAC rgb (104,94,172) #685EAC #6872AC rgb (104,114,172) #6872AC #6886AC rgb (104,134,172) #6886AC #68AEAC rgb (104,174,172) #68AEAC #68C2AC rgb (104,194,172) #68C2AC #68D6AC rgb (104,214,172) #68D6AC

Uso rápido #689AAC

---

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="#689AAC;">Text here</font>	<div style="background-color:#689AAC;">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="#689AAC;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#689AAC;">Text here</font> </div>

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

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

Código pré-formatado 689AAC	código por script / programming
HTML, CSS:	= #689AAC; rgb(104, 154, 172)
Java:	= new Color(104, 154, 172)
.NET:	= Color.FromArgb (104, 154, 172);
Xojo:	= rgb (104, 154, 172, 0);
openGL:	= glColor3f (0.41f, 0.6f, 0.67f);
Swift:	= UIColor(red:0.41, green:0.6, blue:0.67, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.6 blue:0.67 alpha:1.00000];

Esquemas de cores com #689AAC

---

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: 40% tem uma saturação #689AAC. Adicionando 40% + 10% = 50% de saturação para nossa nova cor #427385. Diminuindo 40% - 10% = 30% saturação para outras cores monocromáticas #92C0D1. #92c0d1 rgb (146,192,209) #92c0d1 30% saturação #92656b rgb (86,101,107) #92656b 20% saturação #427385 rgb (66,115,133) #427385 50% saturação #2b5a6b rgb (43,90,107) #2b5a6b 60% 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 #6776AB rgb (103,118,171) #6776AB 226o #689AAC rgb (104,154,172) #689AAC 196o #67AB9B rgb (103,171,155) #67AB9B 166o

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: #689AAC tem um ângulo 196o. Adicionando 196o + 180o = 16oo para nossa nova cor complementar #AB7967. #689AAC rgb (104,154,172) #689AAC 196o #AB7967 rgb (171,121,103) #AB7967 16o

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: #689AAC tem um ângulo 196o. Adicionando 196o + 180o+30o = 46o para nossa primeira cor complementar #AB9B67. Diminuindo 196o + 180o-30o = 346o para a segunda cor complementar #AB6776. #AB6776 rgb (171,103,118) #AB6776 346o #689AAC rgb (104,154,172) #689AAC 196o #AB9B67 rgb (171,155,103) #AB9B67 46o

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. #AB6799 rgb (171,103,153) #AB6799 316o #689AAC rgb (104,154,172) #689AAC 196o #99AB67 rgb (153,171,103) #99AB67 76o

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. #AB6799 rgb (171,103,153) #AB6799 316o #689AAC rgb (104,154,172) #689AAC 196o #AB7967 rgb (171,121,103) #AB7967 16o #67AB79 rgb (103,171,121) #67AB79 136o