#557AB8 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #557AB8

#557AB8

Em um espaço de cores RGB, hex #557AB8 é composto de 33% vermelho, 48% verde e 72% azul. O código de cores RGB é composto por um componente hexadecimal 55 vermelho (85/255), um 7A verde (122/255) e um componente B8 azul (184/255). O código de cores RGB decimal é rgb(85,122,184) No espaço de cores CMYK, é composto por 54% ciano, 34% magenta, 0% amarelo e 28% preto. Tem um ângulo de matiz de 217.58o graus, uma saturação de 41% e uma luminosidade de 53%. A cor websafe mais próxima é: #6666cc rgb (102, 102, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #557AB8 possui valores RGB de R:85, G:122, B:184 e valores CMYK de C:54, M:34, Y:0, K:28. Seu valor decimal é 5601976. O código binário é 10101010111101010111000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 557AB8  #557AB8 RGB decimal 85, 122, 184  rgb(85, 122, 184) RGB % 33, 48, 72  rgb(33%, 48%, 72%) RGB Adobe 97, 121, 180 CMYK % 54, 34, 0, 28  54%, 34%, 0%, 28% HSL 217.58o, 41, 53  hsl(217.58o, 41%, 53%) HSV (HSB) 218o, 54%, 72%  hsv(218o, 54%, 72%)

Web Safe cor #6666cc rgb (102, 102, 204) XYZ 19.358, 19.311 48.055 xyY 0.22, 0.22, 19.31 Hunter-Lab 43.94, 4.14, -37.87 CMY 67%, 52%, 28% Lab 50.54, 0.58, -37.3 Binário cor 55 7A B8 1010101 1111010 10111000

Tons e matizes de #557AB8

---

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

Variação de tonalidade #557AB8

#6F8EC3 rgb (111,142,195) #6F8EC3 #859FCC rgb (133,159,204) #859FCC #97ADD4 rgb (151,173,212) #97ADD4 #A7B9DA rgb (167,185,218) #A7B9DA #B4C4E0 rgb (180,196,224) #B4C4E0 #BFCDE5 rgb (191,205,229) #BFCDE5 #C9D5E9 rgb (201,213,233) #C9D5E9 #D1DBEC rgb (209,219,236) #D1DBEC #D8E0EF rgb (216,224,239) #D8E0EF #DEE5F1 rgb (222,229,241) #DEE5F1

Variação de cor de sombra

#48689C rgb (72,104,156) #48689C #3D5885 rgb (61,88,133) #3D5885 #344B71 rgb (52,75,113) #344B71 #2C4060 rgb (44,64,96) #2C4060 #253652 rgb (37,54,82) #253652 #1F2E46 rgb (31,46,70) #1F2E46 #1A273C rgb (26,39,60) #1A273C #162133 rgb (22,33,51) #162133 #131C2B rgb (19,28,43) #131C2B #101825 rgb (16,24,37) #101825

Tons de #557AB8

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #597BB2 é a cor menos saturada e #727C94 é a mais saturada.

#597BB2 rgb (89,123,178) #597BB2 #5D7CAD rgb (93,124,173) #5D7CAD #617CA9 rgb (97,124,169) #617CA9 #647CA5 rgb (100,124,165) #647CA5 #677CA1 rgb (103,124,161) #677CA1 #6A7C9E rgb (106,124,158) #6A7C9E #6C7C9B rgb (108,124,155) #6C7C9B #6E7C98 rgb (110,124,152) #6E7C98 #707C96 rgb (112,124,150) #707C96 #727C94 rgb (114,124,148) #727C94

Alternativas para #557AB8

---

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

#553EB8 rgb (85,62,184) #553EB8 #5552B8 rgb (85,82,184) #5552B8 #5566B8 rgb (85,102,184) #5566B8 #558EB8 rgb (85,142,184) #558EB8 #55A2B8 rgb (85,162,184) #55A2B8 #55B6B8 rgb (85,182,184) #55B6B8

Uso rápido #557AB8

---

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

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

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

Código pré-formatado 557AB8	código por script / programming
HTML, CSS:	= #557AB8; rgb(85, 122, 184)
Java:	= new Color(85, 122, 184)
.NET:	= Color.FromArgb (85, 122, 184);
Xojo:	= rgb (85, 122, 184, 0);
openGL:	= glColor3f (0.33f, 0.48f, 0.72f);
Swift:	= UIColor(red:0.33, green:0.48, blue:0.72, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.48 blue:0.72 alpha:1.00000];

Esquemas de cores com #557AB8

---

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: 54% tem uma saturação #557AB8. Adicionando 54% + 10% = 64% de saturação para nossa nova cor #345691. Diminuindo 54% - 10% = 44% saturação para outras cores monocromáticas #7CA0DE. #7ca0de rgb (124,160,222) #7ca0de 44% saturação #7c5e78 rgb (79,94,120) #7c5e78 34% saturação #345691 rgb (52,86,145) #345691 64% saturação #1f4078 rgb (31,64,120) #1f4078 74% 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 #6254B8 rgb (98,84,184) #6254B8 248o #557AB8 rgb (85,122,184) #557AB8 218o #54AAB8 rgb (84,170,184) #54AAB8 188o

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: #557AB8 tem um ângulo 218o. Adicionando 218o + 180o = 38oo para nossa nova cor complementar #B89354. #557AB8 rgb (85,122,184) #557AB8 218o #B89354 rgb (184,147,84) #B89354 38o

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: #557AB8 tem um ângulo 218o. Adicionando 218o + 180o+30o = 68o para nossa primeira cor complementar #AAB854. Diminuindo 218o + 180o-30o = 8o para a segunda cor complementar #B86254. #B86254 rgb (184,98,84) #B86254 8o #557AB8 rgb (85,122,184) #557AB8 218o #AAB854 rgb (170,184,84) #AAB854 68o

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. #B85479 rgb (184,84,121) #B85479 338o #557AB8 rgb (85,122,184) #557AB8 218o #79B854 rgb (121,184,84) #79B854 98o

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. #B85479 rgb (184,84,121) #B85479 338o #557AB8 rgb (85,122,184) #557AB8 218o #B89354 rgb (184,147,84) #B89354 38o #54B893 rgb (84,184,147) #54B893 158o