#3B4E55 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #3B4E55

#3B4E55

Em um espaço de cores RGB, hex #3B4E55 é composto de 23% vermelho, 31% verde e 33% azul. O código de cores RGB é composto por um componente hexadecimal 3B vermelho (59/255), um 4E verde (78/255) e um componente 55 azul (85/255). O código de cores RGB decimal é rgb(59,78,85) No espaço de cores CMYK, é composto por 31% ciano, 8% magenta, 0% amarelo e 67% preto. Tem um ângulo de matiz de 196.15o graus, uma saturação de 18% e uma luminosidade de 28%. A cor websafe mais próxima é: #336666 rgb (51, 102, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #3B4E55 possui valores RGB de R:59, G:78, B:85 e valores CMYK de C:31, M:8, Y:0, K:67. Seu valor decimal é 3886677. O código binário é 1110110100111001010101
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 3B4E55  #3B4E55 RGB decimal 59, 78, 85  rgb(59, 78, 85) RGB % 23, 31, 33  rgb(23%, 31%, 33%) RGB Adobe 67, 79, 85 CMYK % 31, 8, 0, 67  31%, 8%, 0%, 67% HSL 196.15o, 18, 28  hsl(196.15o, 18%, 28%) HSV (HSB) 196o, 31%, 33%  hsv(196o, 31%, 33%)

Web Safe cor #336666 rgb (51, 102, 102) XYZ 6.168, 7.034 9.627 xyY 0.27, 0.31, 7.03 Hunter-Lab 26.52, -3.54, -4.57 CMY 77%, 69%, 67% Lab 31.77, -6.25, -6.7 Binário cor 3B 4E 55 111011 1001110 1010101

Tons e matizes de #3B4E55

---

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

Variação de tonalidade #3B4E55

#58696F rgb (88,105,111) #58696F #718085 rgb (113,128,133) #718085 #869397 rgb (134,147,151) #869397 #98A3A7 rgb (152,163,167) #98A3A7 #A7B1B4 rgb (167,177,180) #A7B1B4 #B4BDBF rgb (180,189,191) #B4BDBF #BFC7C9 rgb (191,199,201) #BFC7C9 #C9CFD1 rgb (201,207,209) #C9CFD1 #D1D6D8 rgb (209,214,216) #D1D6D8 #D8DCDE rgb (216,220,222) #D8DCDE

Variação de cor de sombra

#324248 rgb (50,66,72) #324248 #2B383D rgb (43,56,61) #2B383D #253034 rgb (37,48,52) #253034 #1F292C rgb (31,41,44) #1F292C #1A2325 rgb (26,35,37) #1A2325 #161E1F rgb (22,30,31) #161E1F #131A1A rgb (19,26,26) #131A1A #101616 rgb (16,22,22) #101616 #0E1313 rgb (14,19,19) #0E1313 #0C1010 rgb (12,16,16) #0C1010

Tons de #3B4E55

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #425359 é a cor menos saturada e #696F72 é a mais saturada.

#425359 rgb (66,83,89) #425359 #48585D rgb (72,88,93) #48585D #4E5C61 rgb (78,92,97) #4E5C61 #536064 rgb (83,96,100) #536064 #586367 rgb (88,99,103) #586367 #5C666A rgb (92,102,106) #5C666A #60696C rgb (96,105,108) #60696C #636B6E rgb (99,107,110) #636B6E #666D70 rgb (102,109,112) #666D70 #696F72 rgb (105,111,114) #696F72

Alternativas para #3B4E55

---

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

#3B1255 rgb (59,18,85) #3B1255 #3B2655 rgb (59,38,85) #3B2655 #3B3A55 rgb (59,58,85) #3B3A55 #3B6255 rgb (59,98,85) #3B6255 #3B7655 rgb (59,118,85) #3B7655 #3B8A55 rgb (59,138,85) #3B8A55

Uso rápido #3B4E55

---

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

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

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

Código pré-formatado 3B4E55	código por script / programming
HTML, CSS:	= #3B4E55; rgb(59, 78, 85)
Java:	= new Color(59, 78, 85)
.NET:	= Color.FromArgb (59, 78, 85);
Xojo:	= rgb (59, 78, 85, 0);
openGL:	= glColor3f (0.23f, 0.31f, 0.33f);
Swift:	= UIColor(red:0.23, green:0.31, blue:0.33, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.23 green:0.31 blue:0.33 alpha:1.00000];

Esquemas de cores com #3B4E55

---

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: 31% tem uma saturação #3B4E55. Adicionando 31% + 10% = 41% de saturação para nossa nova cor #1B292E. Diminuindo 31% - 10% = 21% saturação para outras cores monocromáticas #61747A. #61747a rgb (97,116,122) #61747a 21% saturação #611414 rgb (18,20,20) #611414 11% saturação #1b292e rgb (27,41,46) #1b292e 41% saturação #0a1214 rgb (10,18,20) #0a1214 51% 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 #3A4054 rgb (58,64,84) #3A4054 226o #3B4E55 rgb (59,78,85) #3B4E55 196o #3A544E rgb (58,84,78) #3A544E 166o

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: #3B4E55 tem um ângulo 196o. Adicionando 196o + 180o = 16oo para nossa nova cor complementar #54413A. #3B4E55 rgb (59,78,85) #3B4E55 196o #54413A rgb (84,65,58) #54413A 16o

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: #3B4E55 tem um ângulo 196o. Adicionando 196o + 180o+30o = 46o para nossa primeira cor complementar #544E3A. Diminuindo 196o + 180o-30o = 346o para a segunda cor complementar #543A40. #543A40 rgb (84,58,64) #543A40 346o #3B4E55 rgb (59,78,85) #3B4E55 196o #544E3A rgb (84,78,58) #544E3A 46o

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. #543A4D rgb (84,58,77) #543A4D 316o #3B4E55 rgb (59,78,85) #3B4E55 196o #4D543A rgb (77,84,58) #4D543A 76o

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. #543A4D rgb (84,58,77) #543A4D 316o #3B4E55 rgb (59,78,85) #3B4E55 196o #54413A rgb (84,65,58) #54413A 16o #3A5441 rgb (58,84,65) #3A5441 136o