#6AAFCC cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #6AAFCC

#6AAFCC

Em um espaço de cores RGB, hex #6AAFCC é composto de 42% vermelho, 69% verde e 80% azul. O código de cores RGB é composto por um componente hexadecimal 6A vermelho (106/255), um AF verde (175/255) e um componente CC azul (204/255). O código de cores RGB decimal é rgb(106,175,204) No espaço de cores CMYK, é composto por 48% ciano, 14% magenta, 0% amarelo e 20% preto. Tem um ângulo de matiz de 197.76o graus, uma saturação de 49% e uma luminosidade de 61%. A cor websafe mais próxima é: #6699cc rgb (102, 153, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #6AAFCC possui valores RGB de R:106, G:175, B:204 e valores CMYK de C:48, M:14, Y:0, K:20. Seu valor decimal é 6991820. O código binário é 11010101010111111001100
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 6AAFCC  #6AAFCC RGB decimal 106, 175, 204  rgb(106, 175, 204) RGB % 42, 69, 80  rgb(42%, 69%, 80%) RGB Adobe 129, 173, 202 CMYK % 48, 14, 0, 20  48%, 14%, 0%, 20% HSL 197.76o, 49, 61  hsl(197.76o, 49%, 61%) HSV (HSB) 198o, 48%, 80%  hsv(198o, 48%, 80%)

Web Safe cor #6699cc rgb (102, 153, 204) XYZ 32.173, 38.084 62.782 xyY 0.24, 0.29, 38.08 Hunter-Lab 61.71, -11.83, -21.27 CMY 58%, 31%, 20% Lab 67.72, -16.77, -22 Binário cor 6A AF CC 1101010 10101111 11001100

Tons e matizes de #6AAFCC

---

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

Variação de tonalidade #6AAFCC

#80BBD4 rgb (128,187,212) #80BBD4 #93C5DA rgb (147,197,218) #93C5DA #A3CEE0 rgb (163,206,224) #A3CEE0 #B1D5E5 rgb (177,213,229) #B1D5E5 #BDDBE9 rgb (189,219,233) #BDDBE9 #C7E0EC rgb (199,224,236) #C7E0EC #CFE5EF rgb (207,229,239) #CFE5EF #D6E9F1 rgb (214,233,241) #D6E9F1 #DCECF3 rgb (220,236,243) #DCECF3 #E1EFF5 rgb (225,239,245) #E1EFF5

Variação de cor de sombra

#5A95AD rgb (90,149,173) #5A95AD #4D7F93 rgb (77,127,147) #4D7F93 #416C7D rgb (65,108,125) #416C7D #375C6A rgb (55,92,106) #375C6A #2F4E5A rgb (47,78,90) #2F4E5A #28424D rgb (40,66,77) #28424D #223841 rgb (34,56,65) #223841 #1D3037 rgb (29,48,55) #1D3037 #19292F rgb (25,41,47) #19292F #152328 rgb (21,35,40) #152328

Tons de #6AAFCC

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #6CAAC4 é a cor menos saturada e #78919B é a mais saturada.

#6CAAC4 rgb (108,170,196) #6CAAC4 #6EA6BD rgb (110,166,189) #6EA6BD #70A2B7 rgb (112,162,183) #70A2B7 #729FB2 rgb (114,159,178) #729FB2 #739CAD rgb (115,156,173) #739CAD #7499A9 rgb (116,153,169) #7499A9 #7597A5 rgb (117,151,165) #7597A5 #7695A1 rgb (118,149,161) #7695A1 #77939E rgb (119,147,158) #77939E #78919B rgb (120,145,155) #78919B

Alternativas para #6AAFCC

---

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

#6A73CC rgb (106,115,204) #6A73CC #6A87CC rgb (106,135,204) #6A87CC #6A9BCC rgb (106,155,204) #6A9BCC #6AC3CC rgb (106,195,204) #6AC3CC #6AD7CC rgb (106,215,204) #6AD7CC #6AEBCC rgb (106,235,204) #6AEBCC

Uso rápido #6AAFCC

---

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

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

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

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

Esquemas de cores com #6AAFCC

---

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: 48% tem uma saturação #6AAFCC. Adicionando 48% + 10% = 58% de saturação para nossa nova cor #4689A6. Diminuindo 48% - 10% = 38% saturação para outras cores monocromáticas #96D7F2. #96d7f2 rgb (150,215,242) #96d7f2 38% saturação #96808c rgb (101,128,140) #96808c 28% saturação #4689a6 rgb (70,137,166) #4689a6 58% saturação #2d708c rgb (45,112,140) #2d708c 68% 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 #6A7ECC rgb (106,126,204) #6A7ECC 228o #6AAFCC rgb (106,175,204) #6AAFCC 198o #6ACCB8 rgb (106,204,184) #6ACCB8 168o

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: #6AAFCC tem um ângulo 198o. Adicionando 198o + 180o = 18oo para nossa nova cor complementar #CC876A. #6AAFCC rgb (106,175,204) #6AAFCC 198o #CC876A rgb (204,135,106) #CC876A 18o

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: #6AAFCC tem um ângulo 198o. Adicionando 198o + 180o+30o = 48o para nossa primeira cor complementar #CCB86A. Diminuindo 198o + 180o-30o = 348o para a segunda cor complementar #CC6A7E. #CC6A7E rgb (204,106,126) #CC6A7E 348o #6AAFCC rgb (106,175,204) #6AAFCC 198o #CCB86A rgb (204,184,106) #CCB86A 48o

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. #CC6AAF rgb (204,106,175) #CC6AAF 318o #6AAFCC rgb (106,175,204) #6AAFCC 198o #AFCC6A rgb (175,204,106) #AFCC6A 78o

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. #CC6AAF rgb (204,106,175) #CC6AAF 318o #6AAFCC rgb (106,175,204) #6AAFCC 198o #CC876A rgb (204,135,106) #CC876A 18o #6ACC87 rgb (106,204,135) #6ACC87 138o