#4772F2 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #4772F2

#4772F2

Em um espaço de cores RGB, hex #4772F2 é composto de 28% vermelho, 45% verde e 95% azul. O código de cores RGB é composto por um componente hexadecimal 47 vermelho (71/255), um 72 verde (114/255) e um componente F2 azul (242/255). O código de cores RGB decimal é rgb(71,114,242) No espaço de cores CMYK, é composto por 71% ciano, 53% magenta, 0% amarelo e 5% preto. Tem um ângulo de matiz de 224.91o graus, uma saturação de 87% e uma luminosidade de 61%. A cor websafe mais próxima é: #3366ff rgb (51, 102, 255).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #4772F2 possui valores RGB de R:71, G:114, B:242 e valores CMYK de C:71, M:53, Y:0, K:5. Seu valor decimal é 4682482. O código binário é 10001110111001011110010
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 4772F2  #4772F2 RGB decimal 71, 114, 242  rgb(71, 114, 242) RGB % 28, 45, 95  rgb(28%, 45%, 95%) RGB Adobe 87, 113, 238 CMYK % 71, 53, 0, 5  71%, 53%, 0%, 5% HSL 224.91o, 87, 61  hsl(224.91o, 87%, 61%) HSV (HSB) 225o, 71%, 95%  hsv(225o, 71%, 95%)

Web Safe cor #3366ff rgb (51, 102, 255) XYZ 24.643, 19.785 86.524 xyY 0.19, 0.15, 19.79 Hunter-Lab 44.48, 23.8, -89.95 CMY 72%, 55%, 5% Lab 50.51, 18.54, -70.16 Binário cor 47 72 F2 1000111 1110010 11110010

Tons e matizes de #4772F2

---

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: #0E1630 é a cor mais escura e: #DBE3FC é a mais clara.

Variação de tonalidade #4772F2

#6387F4 rgb (99,135,244) #6387F4 #7A99F6 rgb (122,153,246) #7A99F6 #8EA8F7 rgb (142,168,247) #8EA8F7 #9FB5F8 rgb (159,181,248) #9FB5F8 #ADC0F9 rgb (173,192,249) #ADC0F9 #B9C9FA rgb (185,201,250) #B9C9FA #C4D1FB rgb (196,209,251) #C4D1FB #CDD8FC rgb (205,216,252) #CDD8FC #D5DEFC rgb (213,222,252) #D5DEFC #DBE3FC rgb (219,227,252) #DBE3FC

Variação de cor de sombra

#3C61CE rgb (60,97,206) #3C61CE #3352AF rgb (51,82,175) #3352AF #2B4695 rgb (43,70,149) #2B4695 #253C7F rgb (37,60,127) #253C7F #1F336C rgb (31,51,108) #1F336C #1A2B5C rgb (26,43,92) #1A2B5C #16254E rgb (22,37,78) #16254E #131F42 rgb (19,31,66) #131F42 #101A38 rgb (16,26,56) #101A38 #0E1630 rgb (14,22,48) #0E1630

Tons de #4772F2

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #4D73E7 é a cor menos saturada e #6C7CA9 é a mais saturada.

#4D73E7 rgb (77,115,231) #4D73E7 #5274DD rgb (82,116,221) #5274DD #5775D4 rgb (87,117,212) #5775D4 #5B76CC rgb (91,118,204) #5B76CC #5F77C4 rgb (95,119,196) #5F77C4 #6278BD rgb (98,120,189) #6278BD #6579B7 rgb (101,121,183) #6579B7 #687AB2 rgb (104,122,178) #687AB2 #6A7BAD rgb (106,123,173) #6A7BAD #6C7CA9 rgb (108,124,169) #6C7CA9

Alternativas para #4772F2

---

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

#4736F2 rgb (71,54,242) #4736F2 #474AF2 rgb (71,74,242) #474AF2 #475EF2 rgb (71,94,242) #475EF2 #4786F2 rgb (71,134,242) #4786F2 #479AF2 rgb (71,154,242) #479AF2 #47AEF2 rgb (71,174,242) #47AEF2

Uso rápido #4772F2

---

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

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

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

Código pré-formatado 4772F2	código por script / programming
HTML, CSS:	= #4772F2; rgb(71, 114, 242)
Java:	= new Color(71, 114, 242)
.NET:	= Color.FromArgb (71, 114, 242);
Xojo:	= rgb (71, 114, 242, 0);
openGL:	= glColor3f (0.28f, 0.45f, 0.95f);
Swift:	= UIColor(red:0.28, green:0.45, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.28 green:0.45 blue:0.95 alpha:1.00000];

Esquemas de cores com #4772F2

---

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: 71% tem uma saturação #4772F2. Adicionando 71% + 10% = 81% de saturação para nossa nova cor #2750CC. Diminuindo 71% - 10% = 61% saturação para outras cores monocromáticas #638AFF. #638aff rgb (99,138,255) #638aff 61% saturação #636eb3 rgb (87,110,179) #636eb3 51% saturação #2750cc rgb (39,80,204) #2750cc 81% saturação #1039b3 rgb (16,57,179) #1039b3 91% 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 #7146F2 rgb (113,70,242) #7146F2 255o #4772F2 rgb (71,114,242) #4772F2 225o #46C7F2 rgb (70,199,242) #46C7F2 195o

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: #4772F2 tem um ângulo 225o. Adicionando 225o + 180o = 45oo para nossa nova cor complementar #F2C746. #4772F2 rgb (71,114,242) #4772F2 225o #F2C746 rgb (242,199,70) #F2C746 45o

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: #4772F2 tem um ângulo 225o. Adicionando 225o + 180o+30o = 75o para nossa primeira cor complementar #C7F246. Diminuindo 225o + 180o-30o = 15o para a segunda cor complementar #F27146. #F27146 rgb (242,113,70) #F27146 15o #4772F2 rgb (71,114,242) #4772F2 225o #C7F246 rgb (199,242,70) #C7F246 75o

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. #F24671 rgb (242,70,113) #F24671 345o #4772F2 rgb (71,114,242) #4772F2 225o #71F246 rgb (113,242,70) #71F246 105o

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. #F24671 rgb (242,70,113) #F24671 345o #4772F2 rgb (71,114,242) #4772F2 225o #F2C746 rgb (242,199,70) #F2C746 45o #46F2C7 rgb (70,242,199) #46F2C7 165o