#558AAE cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #558AAE

#558AAE

Em um espaço de cores RGB, hex #558AAE é composto de 33% vermelho, 54% verde e 68% azul. O código de cores RGB é composto por um componente hexadecimal 55 vermelho (85/255), um 8A verde (138/255) e um componente AE azul (174/255). O código de cores RGB decimal é rgb(85,138,174) No espaço de cores CMYK, é composto por 51% ciano, 21% magenta, 0% amarelo e 32% preto. Tem um ângulo de matiz de 204.27o graus, uma saturação de 35% e uma luminosidade de 51%. A cor websafe mais próxima é: #669999 rgb (102, 153, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #558AAE possui valores RGB de R:85, G:138, B:174 e valores CMYK de C:51, M:21, Y:0, K:32. Seu valor decimal é 5606062. O código binário é 10101011000101010101110
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 558AAE  #558AAE RGB decimal 85, 138, 174  rgb(85, 138, 174) RGB % 33, 54, 68  rgb(33%, 54%, 68%) RGB Adobe 103, 137, 171 CMYK % 51, 21, 0, 32  51%, 21%, 0%, 32% HSL 204.27o, 35, 51  hsl(204.27o, 35%, 51%) HSV (HSB) 204o, 51%, 68%  hsv(204o, 51%, 68%)

Web Safe cor #669999 rgb (102, 153, 153) XYZ 20.475, 23.164 43.436 xyY 0.24, 0.27, 23.16 Hunter-Lab 48.13, -5.81, -23.3 CMY 67%, 46%, 32% Lab 54.87, -10.48, -24.89 Binário cor 55 8A AE 1010101 10001010 10101110

Tons e matizes de #558AAE

---

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: #101A22 é a cor mais escura e: #DEE9EF é a mais clara.

Variação de tonalidade #558AAE

#6F9CBA rgb (111,156,186) #6F9CBA #85ABC4 rgb (133,171,196) #85ABC4 #97B8CD rgb (151,184,205) #97B8CD #A7C3D5 rgb (167,195,213) #A7C3D5 #B4CCDB rgb (180,204,219) #B4CCDB #BFD4E0 rgb (191,212,224) #BFD4E0 #C9DAE5 rgb (201,218,229) #C9DAE5 #D1E0E9 rgb (209,224,233) #D1E0E9 #D8E5EC rgb (216,229,236) #D8E5EC #DEE9EF rgb (222,233,239) #DEE9EF

Variação de cor de sombra

#487594 rgb (72,117,148) #487594 #3D637E rgb (61,99,126) #3D637E #34546B rgb (52,84,107) #34546B #2C475B rgb (44,71,91) #2C475B #253C4D rgb (37,60,77) #253C4D #1F3341 rgb (31,51,65) #1F3341 #1A2B37 rgb (26,43,55) #1A2B37 #16252F rgb (22,37,47) #16252F #131F28 rgb (19,31,40) #131F28 #101A22 rgb (16,26,34) #101A22

Tons de #558AAE

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #5989A9 é a cor menos saturada e #728590 é a mais saturada.

#5989A9 rgb (89,137,169) #5989A9 #5D88A5 rgb (93,136,165) #5D88A5 #6187A1 rgb (97,135,161) #6187A1 #64869E rgb (100,134,158) #64869E #67859B rgb (103,133,155) #67859B #6A8598 rgb (106,133,152) #6A8598 #6C8596 rgb (108,133,150) #6C8596 #6E8594 rgb (110,133,148) #6E8594 #708592 rgb (112,133,146) #708592 #728590 rgb (114,133,144) #728590

Alternativas para #558AAE

---

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

#554EAE rgb (85,78,174) #554EAE #5562AE rgb (85,98,174) #5562AE #5576AE rgb (85,118,174) #5576AE #559EAE rgb (85,158,174) #559EAE #55B2AE rgb (85,178,174) #55B2AE #55C6AE rgb (85,198,174) #55C6AE

Uso rápido #558AAE

---

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

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

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

Código pré-formatado 558AAE	código por script / programming
HTML, CSS:	= #558AAE; rgb(85, 138, 174)
Java:	= new Color(85, 138, 174)
.NET:	= Color.FromArgb (85, 138, 174);
Xojo:	= rgb (85, 138, 174, 0);
openGL:	= glColor3f (0.33f, 0.54f, 0.68f);
Swift:	= UIColor(red:0.33, green:0.54, blue:0.68, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.54 blue:0.68 alpha:1.00000];

Esquemas de cores com #558AAE

---

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: 51% tem uma saturação #558AAE. Adicionando 51% + 10% = 61% de saturação para nossa nova cor #356687. Diminuindo 51% - 10% = 41% saturação para outras cores monocromáticas #7DB1D4. #7db1d4 rgb (125,177,212) #7db1d4 41% saturação #7d606e rgb (76,96,110) #7d606e 31% saturação #356687 rgb (53,102,135) #356687 61% saturação #204f6e rgb (32,79,110) #204f6e 71% 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 #555EAD rgb (85,94,173) #555EAD 234o #558AAE rgb (85,138,174) #558AAE 204o #55ADA5 rgb (85,173,165) #55ADA5 174o

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: #558AAE tem um ângulo 204o. Adicionando 204o + 180o = 24oo para nossa nova cor complementar #AD7855. #558AAE rgb (85,138,174) #558AAE 204o #AD7855 rgb (173,120,85) #AD7855 24o

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: #558AAE tem um ângulo 204o. Adicionando 204o + 180o+30o = 54o para nossa primeira cor complementar #ADA555. Diminuindo 204o + 180o-30o = 354o para a segunda cor complementar #AD555E. #AD555E rgb (173,85,94) #AD555E 354o #558AAE rgb (85,138,174) #558AAE 204o #ADA555 rgb (173,165,85) #ADA555 54o

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. #AD558A rgb (173,85,138) #AD558A 324o #558AAE rgb (85,138,174) #558AAE 204o #8AAD55 rgb (138,173,85) #8AAD55 84o

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. #AD558A rgb (173,85,138) #AD558A 324o #558AAE rgb (85,138,174) #558AAE 204o #AD7855 rgb (173,120,85) #AD7855 24o #55AD78 rgb (85,173,120) #55AD78 144o