#5477D1 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #5477D1

#5477D1

Em um espaço de cores RGB, hex #5477D1 é composto de 33% vermelho, 47% verde e 82% azul. O código de cores RGB é composto por um componente hexadecimal 54 vermelho (84/255), um 77 verde (119/255) e um componente D1 azul (209/255). O código de cores RGB decimal é rgb(84,119,209) No espaço de cores CMYK, é composto por 60% ciano, 43% magenta, 0% amarelo e 18% preto. Tem um ângulo de matiz de 223.2o graus, uma saturação de 58% e uma luminosidade de 57%. A cor websafe mais próxima é: #6666cc rgb (102, 102, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #5477D1 possui valores RGB de R:84, G:119, B:209 e valores CMYK de C:60, M:43, Y:0, K:18. Seu valor decimal é 5535697. O código binário é 10101000111011111010001
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 5477D1  #5477D1 RGB decimal 84, 119, 209  rgb(84, 119, 209) RGB % 33, 47, 82  rgb(33%, 47%, 82%) RGB Adobe 96, 118, 205 CMYK % 60, 43, 0, 18  60%, 43%, 0%, 18% HSL 223.2o, 58, 57  hsl(223.2o, 58%, 57%) HSV (HSB) 223o, 60%, 82%  hsv(223o, 60%, 82%)

Web Safe cor #6666cc rgb (102, 102, 204) XYZ 21.762, 19.682 62.974 xyY 0.21, 0.19, 19.68 Hunter-Lab 44.36, 12.49, -57.65 CMY 67%, 53%, 18% Lab 50.76, 8.67, -51.21 Binário cor 54 77 D1 1010100 1110111 11010001

Tons e matizes de #5477D1

---

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

Variação de tonalidade #5477D1

#6E8BD8 rgb (110,139,216) #6E8BD8 #849CDE rgb (132,156,222) #849CDE #96ABE3 rgb (150,171,227) #96ABE3 #A6B8E7 rgb (166,184,231) #A6B8E7 #B3C3EB rgb (179,195,235) #B3C3EB #BECCEE rgb (190,204,238) #BECCEE #C8D4F1 rgb (200,212,241) #C8D4F1 #D0DAF3 rgb (208,218,243) #D0DAF3 #D7E0F5 rgb (215,224,245) #D7E0F5 #DDE5F7 rgb (221,229,247) #DDE5F7

Variação de cor de sombra

#4765B2 rgb (71,101,178) #4765B2 #3C5697 rgb (60,86,151) #3C5697 #334980 rgb (51,73,128) #334980 #2B3E6D rgb (43,62,109) #2B3E6D #25355D rgb (37,53,93) #25355D #1F2D4F rgb (31,45,79) #1F2D4F #1A2643 rgb (26,38,67) #1A2643 #162039 rgb (22,32,57) #162039 #131B30 rgb (19,27,48) #131B30 #101729 rgb (16,23,41) #101729

Tons de #5477D1

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #5878C9 é a cor menos saturada e #717C9D é a mais saturada.

#5878C9 rgb (88,120,201) #5878C9 #5C79C2 rgb (92,121,194) #5C79C2 #607ABB rgb (96,122,187) #607ABB #637BB5 rgb (99,123,181) #637BB5 #667CB0 rgb (102,124,176) #667CB0 #697CAB rgb (105,124,171) #697CAB #6B7CA7 rgb (107,124,167) #6B7CA7 #6D7CA3 rgb (109,124,163) #6D7CA3 #6F7CA0 rgb (111,124,160) #6F7CA0 #717C9D rgb (113,124,157) #717C9D

Alternativas para #5477D1

---

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

#543BD1 rgb (84,59,209) #543BD1 #544FD1 rgb (84,79,209) #544FD1 #5463D1 rgb (84,99,209) #5463D1 #548BD1 rgb (84,139,209) #548BD1 #549FD1 rgb (84,159,209) #549FD1 #54B3D1 rgb (84,179,209) #54B3D1

Uso rápido #5477D1

---

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

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

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

Código pré-formatado 5477D1	código por script / programming
HTML, CSS:	= #5477D1; rgb(84, 119, 209)
Java:	= new Color(84, 119, 209)
.NET:	= Color.FromArgb (84, 119, 209);
Xojo:	= rgb (84, 119, 209, 0);
openGL:	= glColor3f (0.33f, 0.47f, 0.82f);
Swift:	= UIColor(red:0.33, green:0.47, blue:0.82, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.47 blue:0.82 alpha:1.00000];

Esquemas de cores com #5477D1

---

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: 60% tem uma saturação #5477D1. Adicionando 60% + 10% = 70% de saturação para nossa nova cor #3355AB. Diminuindo 60% - 10% = 50% saturação para outras cores monocromáticas #7C9FF7. #7c9ff7 rgb (124,159,247) #7c9ff7 50% saturação #7c6891 rgb (87,104,145) #7c6891 40% saturação #3355ab rgb (51,85,171) #3355ab 70% saturação #1d3e91 rgb (29,62,145) #1d3e91 80% 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 #6F54D1 rgb (111,84,209) #6F54D1 253o #5477D1 rgb (84,119,209) #5477D1 223o #54B6D1 rgb (84,182,209) #54B6D1 193o

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: #5477D1 tem um ângulo 223o. Adicionando 223o + 180o = 43oo para nossa nova cor complementar #D1AE54. #5477D1 rgb (84,119,209) #5477D1 223o #D1AE54 rgb (209,174,84) #D1AE54 43o

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: #5477D1 tem um ângulo 223o. Adicionando 223o + 180o+30o = 73o para nossa primeira cor complementar #B6D154. Diminuindo 223o + 180o-30o = 13o para a segunda cor complementar #D16F54. #D16F54 rgb (209,111,84) #D16F54 13o #5477D1 rgb (84,119,209) #5477D1 223o #B6D154 rgb (182,209,84) #B6D154 73o

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. #D15477 rgb (209,84,119) #D15477 343o #5477D1 rgb (84,119,209) #5477D1 223o #77D154 rgb (119,209,84) #77D154 103o

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. #D15477 rgb (209,84,119) #D15477 343o #5477D1 rgb (84,119,209) #5477D1 223o #D1AE54 rgb (209,174,84) #D1AE54 43o #54D1AE rgb (84,209,174) #54D1AE 163o