#5189C0 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #5189C0

#5189C0

Em um espaço de cores RGB, hex #5189C0 é composto de 32% vermelho, 54% verde e 75% azul. O código de cores RGB é composto por um componente hexadecimal 51 vermelho (81/255), um 89 verde (137/255) e um componente C0 azul (192/255). O código de cores RGB decimal é rgb(81,137,192) No espaço de cores CMYK, é composto por 58% ciano, 29% magenta, 0% amarelo e 25% preto. Tem um ângulo de matiz de 209.73o graus, uma saturação de 47% e uma luminosidade de 54%. A cor websafe mais próxima é: #6699cc rgb (102, 153, 204).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #5189C0 possui valores RGB de R:81, G:137, B:192 e valores CMYK de C:58, M:29, Y:0, K:25. Seu valor decimal é 5343680. O código binário é 10100011000100111000000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 5189C0  #5189C0 RGB decimal 81, 137, 192  rgb(81, 137, 192) RGB % 32, 54, 75  rgb(32%, 54%, 75%) RGB Adobe 101, 136, 189 CMYK % 58, 29, 0, 25  58%, 29%, 0%, 25% HSL 209.73o, 47, 54  hsl(209.73o, 47%, 54%) HSV (HSB) 210o, 58%, 75%  hsv(210o, 58%, 75%)

Web Safe cor #6699cc rgb (102, 153, 204) XYZ 21.853, 23.446 53.243 xyY 0.22, 0.24, 23.45 Hunter-Lab 48.42, -1.62, -35.24 CMY 68%, 46%, 25% Lab 55.03, -6.47, -34.89 Binário cor 51 89 C0 1010001 10001001 11000000

Tons e matizes de #5189C0

---

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

Variação de tonalidade #5189C0

#6B9BC9 rgb (107,155,201) #6B9BC9 #81AAD1 rgb (129,170,209) #81AAD1 #94B7D8 rgb (148,183,216) #94B7D8 #A4C2DE rgb (164,194,222) #A4C2DE #B2CBE3 rgb (178,203,227) #B2CBE3 #BED3E7 rgb (190,211,231) #BED3E7 #C8DAEB rgb (200,218,235) #C8DAEB #D0E0EE rgb (208,224,238) #D0E0EE #D7E5F1 rgb (215,229,241) #D7E5F1 #DDE9F3 rgb (221,233,243) #DDE9F3

Variação de cor de sombra

#4574A3 rgb (69,116,163) #4574A3 #3B638B rgb (59,99,139) #3B638B #325476 rgb (50,84,118) #325476 #2B4764 rgb (43,71,100) #2B4764 #253C55 rgb (37,60,85) #253C55 #1F3348 rgb (31,51,72) #1F3348 #1A2B3D rgb (26,43,61) #1A2B3D #162534 rgb (22,37,52) #162534 #131F2C rgb (19,31,44) #131F2C #101A25 rgb (16,26,37) #101A25

Tons de #5189C0

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #5688BA é a cor menos saturada e #708597 é a mais saturada.

#5688BA rgb (86,136,186) #5688BA #5A87B4 rgb (90,135,180) #5A87B4 #5E86AF rgb (94,134,175) #5E86AF #6185AA rgb (97,133,170) #6185AA #6485A6 rgb (100,133,166) #6485A6 #6785A2 rgb (103,133,162) #6785A2 #6A859F rgb (106,133,159) #6A859F #6C859C rgb (108,133,156) #6C859C #6E8599 rgb (110,133,153) #6E8599 #708597 rgb (112,133,151) #708597

Alternativas para #5189C0

---

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

#514DC0 rgb (81,77,192) #514DC0 #5161C0 rgb (81,97,192) #5161C0 #5175C0 rgb (81,117,192) #5175C0 #519DC0 rgb (81,157,192) #519DC0 #51B1C0 rgb (81,177,192) #51B1C0 #51C5C0 rgb (81,197,192) #51C5C0

Uso rápido #5189C0

---

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

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

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

Código pré-formatado 5189C0	código por script / programming
HTML, CSS:	= #5189C0; rgb(81, 137, 192)
Java:	= new Color(81, 137, 192)
.NET:	= Color.FromArgb (81, 137, 192);
Xojo:	= rgb (81, 137, 192, 0);
openGL:	= glColor3f (0.32f, 0.54f, 0.75f);
Swift:	= UIColor(red:0.32, green:0.54, blue:0.75, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.32 green:0.54 blue:0.75 alpha:1.00000];

Esquemas de cores com #5189C0

---

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: 58% tem uma saturação #5189C0. Adicionando 58% + 10% = 68% de saturação para nossa nova cor #316599. Diminuindo 58% - 10% = 48% saturação para outras cores monocromáticas #77AEE6. #77aee6 rgb (119,174,230) #77aee6 48% saturação #776780 rgb (79,103,128) #776780 38% saturação #316599 rgb (49,101,153) #316599 68% saturação #1c4e80 rgb (28,78,128) #1c4e80 78% 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 #5050BF rgb (80,80,191) #5050BF 240o #5189C0 rgb (81,137,192) #5189C0 210o #50BFBF rgb (80,191,191) #50BFBF 180o

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: #5189C0 tem um ângulo 210o. Adicionando 210o + 180o = 30oo para nossa nova cor complementar #BF8850. #5189C0 rgb (81,137,192) #5189C0 210o #BF8850 rgb (191,136,80) #BF8850 30o

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: #5189C0 tem um ângulo 210o. Adicionando 210o + 180o+30o = 60o para nossa primeira cor complementar #BFBF50. Diminuindo 210o + 180o-30o = 360o para a segunda cor complementar #BF5050. #BF5050 rgb (191,80,80) #BF5050 360o #5189C0 rgb (81,137,192) #5189C0 210o #BFBF50 rgb (191,191,80) #BFBF50 60o

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. #BF5088 rgb (191,80,136) #BF5088 330o #5189C0 rgb (81,137,192) #5189C0 210o #88BF50 rgb (136,191,80) #88BF50 90o

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. #BF5088 rgb (191,80,136) #BF5088 330o #5189C0 rgb (81,137,192) #5189C0 210o #BF8850 rgb (191,136,80) #BF8850 30o #50BF88 rgb (80,191,136) #50BF88 150o