#5151A6 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #5151A6

#5151A6

Em um espaço de cores RGB, hex #5151A6 é composto de 32% vermelho, 32% verde e 65% azul. O código de cores RGB é composto por um componente hexadecimal 51 vermelho (81/255), um 51 verde (81/255) e um componente A6 azul (166/255). O código de cores RGB decimal é rgb(81,81,166) No espaço de cores CMYK, é composto por 51% ciano, 51% magenta, 0% amarelo e 35% preto. Tem um ângulo de matiz de 240o graus, uma saturação de 34% e uma luminosidade de 48%. A cor websafe mais próxima é: #666699 rgb (102, 102, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #5151A6 possui valores RGB de R:81, G:81, B:166 e valores CMYK de C:51, M:51, Y:0, K:35. Seu valor decimal é 5329318. O código binário é 10100010101000110100110
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 5151A6  #5151A6 RGB decimal 81, 81, 166  rgb(81, 81, 166) RGB % 32, 32, 65  rgb(32%, 32%, 65%) RGB Adobe 82, 82, 162 CMYK % 51, 51, 0, 35  51%, 51%, 0%, 35% HSL 240o, 34, 48  hsl(240o, 34%, 48%) HSV (HSB) 240o, 51%, 65%  hsv(240o, 51%, 65%)

Web Safe cor #666699 rgb (102, 102, 153) XYZ 13.219, 10.387 37.385 xyY 0.22, 0.17, 10.39 Hunter-Lab 32.23, 18.83, -49.81 CMY 68%, 68%, 35% Lab 37.92, 18.7, -46.78 Binário cor 51 51 A6 1010001 1010001 10100110

Tons e matizes de #5151A6

---

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

Variação de tonalidade #5151A6

#6B6BB3 rgb (107,107,179) #6B6BB3 #8181BE rgb (129,129,190) #8181BE #9494C8 rgb (148,148,200) #9494C8 #A4A4D0 rgb (164,164,208) #A4A4D0 #B2B2D7 rgb (178,178,215) #B2B2D7 #BEBEDD rgb (190,190,221) #BEBEDD #C8C8E2 rgb (200,200,226) #C8C8E2 #D0D0E6 rgb (208,208,230) #D0D0E6 #D7D7EA rgb (215,215,234) #D7D7EA #DDDDED rgb (221,221,237) #DDDDED

Variação de cor de sombra

#45458D rgb (69,69,141) #45458D #3B3B78 rgb (59,59,120) #3B3B78 #323266 rgb (50,50,102) #323266 #2B2B57 rgb (43,43,87) #2B2B57 #25254A rgb (37,37,74) #25254A #1F1F3F rgb (31,31,63) #1F1F3F #1A1A36 rgb (26,26,54) #1A1A36 #16162E rgb (22,22,46) #16162E #131327 rgb (19,19,39) #131327 #101021 rgb (16,16,33) #101021

Tons de #5151A6

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #5656A2 é a cor menos saturada e #70708E é a mais saturada.

#5656A2 rgb (86,86,162) #5656A2 #5A5A9F rgb (90,90,159) #5A5A9F #5E5E9C rgb (94,94,156) #5E5E9C #616199 rgb (97,97,153) #616199 #646497 rgb (100,100,151) #646497 #676795 rgb (103,103,149) #676795 #6A6A93 rgb (106,106,147) #6A6A93 #6C6C91 rgb (108,108,145) #6C6C91 #6E6E8F rgb (110,110,143) #6E6E8F #70708E rgb (112,112,142) #70708E

Alternativas para #5151A6

---

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

#5115A6 rgb (81,21,166) #5115A6 #5129A6 rgb (81,41,166) #5129A6 #513DA6 rgb (81,61,166) #513DA6 #5165A6 rgb (81,101,166) #5165A6 #5179A6 rgb (81,121,166) #5179A6 #518DA6 rgb (81,141,166) #518DA6

Uso rápido #5151A6

---

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

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

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

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

Esquemas de cores com #5151A6

---

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 #5151A6. Adicionando 51% + 10% = 61% de saturação para nossa nova cor #323280. Diminuindo 51% - 10% = 41% saturação para outras cores monocromáticas #7878CC. #7878cc rgb (120,120,204) #7878cc 41% saturação #784666 rgb (70,70,102) #784666 31% saturação #323280 rgb (50,50,128) #323280 61% saturação #1e1e66 rgb (30,30,102) #1e1e66 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 #7B51A6 rgb (123,81,166) #7B51A6 270o #5151A6 rgb (81,81,166) #5151A6 240o #517BA6 rgb (81,123,166) #517BA6 210o

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: #5151A6 tem um ângulo 240o. Adicionando 240o + 180o = 60oo para nossa nova cor complementar #A6A651. #5151A6 rgb (81,81,166) #5151A6 240o #A6A651 rgb (166,166,81) #A6A651 60o

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: #5151A6 tem um ângulo 240o. Adicionando 240o + 180o+30o = 90o para nossa primeira cor complementar #7BA651. Diminuindo 240o + 180o-30o = 30o para a segunda cor complementar #A67B51. #A67B51 rgb (166,123,81) #A67B51 30o #5151A6 rgb (81,81,166) #5151A6 240o #7BA651 rgb (123,166,81) #7BA651 90o

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. #A65151 rgb (166,81,81) #A65151 360o #5151A6 rgb (81,81,166) #5151A6 240o #51A651 rgb (81,166,81) #51A651 120o

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. #A65151 rgb (166,81,81) #A65151 360o #5151A6 rgb (81,81,166) #5151A6 240o #A6A651 rgb (166,166,81) #A6A651 60o #51A6A6 rgb (81,166,166) #51A6A6 180o