#62A3BB cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #62A3BB

#62A3BB

Em um espaço de cores RGB, hex #62A3BB é composto de 38% vermelho, 64% verde e 73% azul. O código de cores RGB é composto por um componente hexadecimal 62 vermelho (98/255), um A3 verde (163/255) e um componente BB azul (187/255). O código de cores RGB decimal é rgb(98,163,187) No espaço de cores CMYK, é composto por 48% ciano, 13% magenta, 0% amarelo e 27% preto. Tem um ângulo de matiz de 196.18o graus, uma saturação de 40% e uma luminosidade de 56%. A cor websafe mais próxima é: #6699cc rgb (102, 153, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #62A3BB possui valores RGB de R:98, G:163, B:187 e valores CMYK de C:48, M:13, Y:0, K:27. Seu valor decimal é 6464443. O código binário é 11000101010001110111011
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 62A3BB  #62A3BB RGB decimal 98, 163, 187  rgb(98, 163, 187) RGB % 38, 64, 73  rgb(38%, 64%, 73%) RGB Adobe 120, 162, 185 CMYK % 48, 13, 0, 27  48%, 13%, 0%, 27% HSL 196.18o, 40, 56  hsl(196.18o, 40%, 56%) HSV (HSB) 196o, 48%, 73%  hsv(196o, 48%, 73%)

Web Safe cor #6699cc rgb (102, 153, 204) XYZ 27.104, 32.379 51.835 xyY 0.24, 0.29, 32.38 Hunter-Lab 56.9, -11.7, -17.94 CMY 62%, 36%, 27% Lab 63.33, -16.7, -19.3 Binário cor 62 A3 BB 1100010 10100011 10111011

Tons e matizes de #62A3BB

---

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: #131F25 é a cor mais escura e: #E0EDF1 é a mais clara.

Variação de tonalidade #62A3BB

#7AB1C5 rgb (122,177,197) #7AB1C5 #8EBDCE rgb (142,189,206) #8EBDCE #9FC7D5 rgb (159,199,213) #9FC7D5 #ADCFDB rgb (173,207,219) #ADCFDB #B9D6E0 rgb (185,214,224) #B9D6E0 #C4DCE5 rgb (196,220,229) #C4DCE5 #CDE1E9 rgb (205,225,233) #CDE1E9 #D5E6EC rgb (213,230,236) #D5E6EC #DBEAEF rgb (219,234,239) #DBEAEF #E0EDF1 rgb (224,237,241) #E0EDF1

Variação de cor de sombra

#538B9F rgb (83,139,159) #538B9F #477687 rgb (71,118,135) #477687 #3C6473 rgb (60,100,115) #3C6473 #335562 rgb (51,85,98) #335562 #2B4853 rgb (43,72,83) #2B4853 #253D47 rgb (37,61,71) #253D47 #1F343C rgb (31,52,60) #1F343C #1A2C33 rgb (26,44,51) #1A2C33 #16252B rgb (22,37,43) #16252B #131F25 rgb (19,31,37) #131F25

Tons de #62A3BB

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #65A0B5 é a cor menos saturada e #758D95 é a mais saturada.

#65A0B5 rgb (101,160,181) #65A0B5 #689DB0 rgb (104,157,176) #689DB0 #6A9AAB rgb (106,154,171) #6A9AAB #6C97A7 rgb (108,151,167) #6C97A7 #6E95A3 rgb (110,149,163) #6E95A3 #7093A0 rgb (112,147,160) #7093A0 #72919D rgb (114,145,157) #72919D #738F9A rgb (115,143,154) #738F9A #748E97 rgb (116,142,151) #748E97 #758D95 rgb (117,141,149) #758D95

Alternativas para #62A3BB

---

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

#6267BB rgb (98,103,187) #6267BB #627BBB rgb (98,123,187) #627BBB #628FBB rgb (98,143,187) #628FBB #62B7BB rgb (98,183,187) #62B7BB #62CBBB rgb (98,203,187) #62CBBB #62DFBB rgb (98,223,187) #62DFBB

Uso rápido #62A3BB

---

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

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

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

Código pré-formatado 62A3BB	código por script / programming
HTML, CSS:	= #62A3BB; rgb(98, 163, 187)
Java:	= new Color(98, 163, 187)
.NET:	= Color.FromArgb (98, 163, 187);
Xojo:	= rgb (98, 163, 187, 0);
openGL:	= glColor3f (0.38f, 0.64f, 0.73f);
Swift:	= UIColor(red:0.38, green:0.64, blue:0.73, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.38 green:0.64 blue:0.73 alpha:1.00000];

Esquemas de cores com #62A3BB

---

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 #62A3BB. Adicionando 48% + 10% = 58% de saturação para nossa nova cor #3E7D94. Diminuindo 48% - 10% = 38% saturação para outras cores monocromáticas #8BCAE0. #8bcae0 rgb (139,202,224) #8bcae0 38% saturação #8b717a rgb (88,113,122) #8b717a 28% saturação #3e7d94 rgb (62,125,148) #3e7d94 58% saturação #27647a rgb (39,100,122) #27647a 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 #6176BA rgb (97,118,186) #6176BA 226o #62A3BB rgb (98,163,187) #62A3BB 196o #61BAA5 rgb (97,186,165) #61BAA5 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: #62A3BB tem um ângulo 196o. Adicionando 196o + 180o = 16oo para nossa nova cor complementar #BA7961. #62A3BB rgb (98,163,187) #62A3BB 196o #BA7961 rgb (186,121,97) #BA7961 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: #62A3BB tem um ângulo 196o. Adicionando 196o + 180o+30o = 46o para nossa primeira cor complementar #BAA561. Diminuindo 196o + 180o-30o = 346o para a segunda cor complementar #BA6176. #BA6176 rgb (186,97,118) #BA6176 346o #62A3BB rgb (98,163,187) #62A3BB 196o #BAA561 rgb (186,165,97) #BAA561 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. #BA61A2 rgb (186,97,162) #BA61A2 316o #62A3BB rgb (98,163,187) #62A3BB 196o #A2BA61 rgb (162,186,97) #A2BA61 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. #BA61A2 rgb (186,97,162) #BA61A2 316o #62A3BB rgb (98,163,187) #62A3BB 196o #BA7961 rgb (186,121,97) #BA7961 16o #61BA79 rgb (97,186,121) #61BA79 136o