#697AA8 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #697AA8

#697AA8

Em um espaço de cores RGB, hex #697AA8 é composto de 41% vermelho, 48% verde e 66% azul. O código de cores RGB é composto por um componente hexadecimal 69 vermelho (105/255), um 7A verde (122/255) e um componente A8 azul (168/255). O código de cores RGB decimal é rgb(105,122,168) No espaço de cores CMYK, é composto por 38% ciano, 27% magenta, 0% amarelo e 34% preto. Tem um ângulo de matiz de 223.81o graus, uma saturação de 27% e uma luminosidade de 54%. A cor websafe mais próxima é: #666699 rgb (102, 102, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #697AA8 possui valores RGB de R:105, G:122, B:168 e valores CMYK de C:38, M:27, Y:0, K:34. Seu valor decimal é 6912680. O código binário é 11010010111101010101000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 697AA8  #697AA8 RGB decimal 105, 122, 168  rgb(105, 122, 168) RGB % 41, 48, 66  rgb(41%, 48%, 66%) RGB Adobe 110, 121, 165 CMYK % 38, 27, 0, 34  38%, 27%, 0%, 34% HSL 223.81o, 27, 54  hsl(223.81o, 27%, 54%) HSV (HSB) 224o, 38%, 66%  hsv(224o, 38%, 66%)

Web Safe cor #666699 rgb (102, 102, 153) XYZ 19.853, 19.749 39.811 xyY 0.25, 0.25, 19.75 Hunter-Lab 44.44, 4.42, -25.36 CMY 59%, 52%, 34% Lab 51.23, 2.47, -26.91 Binário cor 69 7A A8 1101001 1111010 10101000

Tons e matizes de #697AA8

---

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: #151821 é a cor mais escura e: #E1E5EE é a mais clara.

Variação de tonalidade #697AA8

#808EB5 rgb (128,142,181) #808EB5 #939FC0 rgb (147,159,192) #939FC0 #A3ADC9 rgb (163,173,201) #A3ADC9 #B1B9D1 rgb (177,185,209) #B1B9D1 #BDC4D8 rgb (189,196,216) #BDC4D8 #C7CDDE rgb (199,205,222) #C7CDDE #CFD5E3 rgb (207,213,227) #CFD5E3 #D6DBE7 rgb (214,219,231) #D6DBE7 #DCE0EB rgb (220,224,235) #DCE0EB #E1E5EE rgb (225,229,238) #E1E5EE

Variação de cor de sombra

#59688F rgb (89,104,143) #59688F #4C587A rgb (76,88,122) #4C587A #414B68 rgb (65,75,104) #414B68 #374058 rgb (55,64,88) #374058 #2F364B rgb (47,54,75) #2F364B #282E40 rgb (40,46,64) #282E40 #222736 rgb (34,39,54) #222736 #1D212E rgb (29,33,46) #1D212E #191C27 rgb (25,28,39) #191C27 #151821 rgb (21,24,33) #151821

Tons de #697AA8

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #6B7BA4 é a cor menos saturada e #787C8E é a mais saturada.

#6B7BA4 rgb (107,123,164) #6B7BA4 #6D7CA0 rgb (109,124,160) #6D7CA0 #6F7C9D rgb (111,124,157) #6F7C9D #717C9A rgb (113,124,154) #717C9A #737C97 rgb (115,124,151) #737C97 #747C95 rgb (116,124,149) #747C95 #757C93 rgb (117,124,147) #757C93 #767C91 rgb (118,124,145) #767C91 #777C8F rgb (119,124,143) #777C8F #787C8E rgb (120,124,142) #787C8E

Alternativas para #697AA8

---

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

#693EA8 rgb (105,62,168) #693EA8 #6952A8 rgb (105,82,168) #6952A8 #6966A8 rgb (105,102,168) #6966A8 #698EA8 rgb (105,142,168) #698EA8 #69A2A8 rgb (105,162,168) #69A2A8 #69B6A8 rgb (105,182,168) #69B6A8

Uso rápido #697AA8

---

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

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

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

Código pré-formatado 697AA8	código por script / programming
HTML, CSS:	= #697AA8; rgb(105, 122, 168)
Java:	= new Color(105, 122, 168)
.NET:	= Color.FromArgb (105, 122, 168);
Xojo:	= rgb (105, 122, 168, 0);
openGL:	= glColor3f (0.41f, 0.48f, 0.66f);
Swift:	= UIColor(red:0.41, green:0.48, blue:0.66, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.48 blue:0.66 alpha:1.00000];

Esquemas de cores com #697AA8

---

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: 38% tem uma saturação #697AA8. Adicionando 38% + 10% = 48% de saturação para nossa nova cor #445482. Diminuindo 38% - 10% = 28% saturação para outras cores monocromáticas #95A4CF. #95a4cf rgb (149,164,207) #95a4cf 28% saturação #955b69 rgb (86,91,105) #955b69 18% saturação #445482 rgb (68,84,130) #445482 48% saturação #2c3c69 rgb (44,60,105) #2c3c69 58% 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 #7768A8 rgb (119,104,168) #7768A8 254o #697AA8 rgb (105,122,168) #697AA8 224o #6899A8 rgb (104,153,168) #6899A8 194o

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: #697AA8 tem um ângulo 224o. Adicionando 224o + 180o = 44oo para nossa nova cor complementar #A89768. #697AA8 rgb (105,122,168) #697AA8 224o #A89768 rgb (168,151,104) #A89768 44o

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: #697AA8 tem um ângulo 224o. Adicionando 224o + 180o+30o = 74o para nossa primeira cor complementar #99A868. Diminuindo 224o + 180o-30o = 14o para a segunda cor complementar #A87768. #A87768 rgb (168,119,104) #A87768 14o #697AA8 rgb (105,122,168) #697AA8 224o #99A868 rgb (153,168,104) #99A868 74o

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. #A86879 rgb (168,104,121) #A86879 344o #697AA8 rgb (105,122,168) #697AA8 224o #79A868 rgb (121,168,104) #79A868 104o

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. #A86879 rgb (168,104,121) #A86879 344o #697AA8 rgb (105,122,168) #697AA8 224o #A89768 rgb (168,151,104) #A89768 44o #68A897 rgb (104,168,151) #68A897 164o