#344A6B cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #344A6B

#344A6B

Em um espaço de cores RGB, hex #344A6B é composto de 20% vermelho, 29% verde e 42% azul. O código de cores RGB é composto por um componente hexadecimal 34 vermelho (52/255), um 4A verde (74/255) e um componente 6B azul (107/255). O código de cores RGB decimal é rgb(52,74,107) No espaço de cores CMYK, é composto por 51% ciano, 31% magenta, 0% amarelo e 58% preto. Tem um ângulo de matiz de 216o graus, uma saturação de 35% e uma luminosidade de 31%. A cor websafe mais próxima é: #333366 rgb (51, 51, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #344A6B possui valores RGB de R:52, G:74, B:107 e valores CMYK de C:51, M:31, Y:0, K:58. Seu valor decimal é 3426923. O código binário é 1101000100101001101011
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 344A6B  #344A6B RGB decimal 52, 74, 107  rgb(52, 74, 107) RGB % 20, 29, 42  rgb(20%, 29%, 42%) RGB Adobe 62, 75, 106 CMYK % 51, 31, 0, 58  51%, 31%, 0%, 58% HSL 216o, 35, 31  hsl(216o, 35%, 31%) HSV (HSB) 216o, 51%, 42%  hsv(216o, 51%, 42%)

Web Safe cor #333366 rgb (51, 51, 102) XYZ 6.519, 6.689 14.857 xyY 0.23, 0.24, 6.69 Hunter-Lab 25.86, 1.13, -18.03 CMY 80%, 71%, 58% Lab 30.79, -0.98, -22.14 Binário cor 34 4A 6B 110100 1001010 1101011

Tons e matizes de #344A6B

---

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

Variação de tonalidade #344A6B

#526581 rgb (82,101,129) #526581 #6C7C94 rgb (108,124,148) #6C7C94 #8290A4 rgb (130,144,164) #8290A4 #95A1B2 rgb (149,161,178) #95A1B2 #A5AFBE rgb (165,175,190) #A5AFBE #B3BBC8 rgb (179,187,200) #B3BBC8 #BEC5D0 rgb (190,197,208) #BEC5D0 #C8CED7 rgb (200,206,215) #C8CED7 #D0D5DD rgb (208,213,221) #D0D5DD #D7DBE2 rgb (215,219,226) #D7DBE2

Variação de cor de sombra

#2C3F5B rgb (44,63,91) #2C3F5B #25364D rgb (37,54,77) #25364D #1F2E41 rgb (31,46,65) #1F2E41 #1A2737 rgb (26,39,55) #1A2737 #16212F rgb (22,33,47) #16212F #131C28 rgb (19,28,40) #131C28 #101822 rgb (16,24,34) #101822 #0E141D rgb (14,20,29) #0E141D #0C1119 rgb (12,17,25) #0C1119 #0A0E15 rgb (10,14,21) #0A0E15

Tons de #344A6B

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #3C4F6D é a cor menos saturada e #666D79 é a mais saturada.

#3C4F6D rgb (60,79,109) #3C4F6D #43546F rgb (67,84,111) #43546F #495871 rgb (73,88,113) #495871 #4F5C73 rgb (79,92,115) #4F5C73 #546074 rgb (84,96,116) #546074 #586375 rgb (88,99,117) #586375 #5C6676 rgb (92,102,118) #5C6676 #606977 rgb (96,105,119) #606977 #636B78 rgb (99,107,120) #636B78 #666D79 rgb (102,109,121) #666D79

Alternativas para #344A6B

---

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

#340E6B rgb (52,14,107) #340E6B #34226B rgb (52,34,107) #34226B #34366B rgb (52,54,107) #34366B #345E6B rgb (52,94,107) #345E6B #34726B rgb (52,114,107) #34726B #34866B rgb (52,134,107) #34866B

Uso rápido #344A6B

---

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

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

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

Código pré-formatado 344A6B	código por script / programming
HTML, CSS:	= #344A6B; rgb(52, 74, 107)
Java:	= new Color(52, 74, 107)
.NET:	= Color.FromArgb (52, 74, 107);
Xojo:	= rgb (52, 74, 107, 0);
openGL:	= glColor3f (0.2f, 0.29f, 0.42f);
Swift:	= UIColor(red:0.2, green:0.29, blue:0.42, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.29 blue:0.42 alpha:1.00000];

Esquemas de cores com #344A6B

---

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 #344A6B. Adicionando 51% + 10% = 61% de saturação para nossa nova cor #1B2C45. Diminuindo 51% - 10% = 41% saturação para outras cores monocromáticas #566E91. #566e91 rgb (86,110,145) #566e91 41% saturação #56232b rgb (30,35,43) #56232b 31% saturação #1b2c45 rgb (27,44,69) #1b2c45 61% saturação #0d192b rgb (13,25,43) #0d192b 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 #3A346B rgb (58,52,107) #3A346B 246o #344A6B rgb (52,74,107) #344A6B 216o #34666B rgb (52,102,107) #34666B 186o

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: #344A6B tem um ângulo 216o. Adicionando 216o + 180o = 36oo para nossa nova cor complementar #6B5534. #344A6B rgb (52,74,107) #344A6B 216o #6B5534 rgb (107,85,52) #6B5534 36o

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: #344A6B tem um ângulo 216o. Adicionando 216o + 180o+30o = 66o para nossa primeira cor complementar #666B34. Diminuindo 216o + 180o-30o = 6o para a segunda cor complementar #6B3A34. #6B3A34 rgb (107,58,52) #6B3A34 6o #344A6B rgb (52,74,107) #344A6B 216o #666B34 rgb (102,107,52) #666B34 66o

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. #6B344A rgb (107,52,74) #6B344A 336o #344A6B rgb (52,74,107) #344A6B 216o #4A6B34 rgb (74,107,52) #4A6B34 96o

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. #6B344A rgb (107,52,74) #6B344A 336o #344A6B rgb (52,74,107) #344A6B 216o #6B5534 rgb (107,85,52) #6B5534 36o #346B55 rgb (52,107,85) #346B55 156o