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

#334284

Em um espaço de cores RGB, hex #334284 é composto de 20% vermelho, 26% verde e 52% azul. O código de cores RGB é composto por um componente hexadecimal 33 vermelho (51/255), um 42 verde (66/255) e um componente 84 azul (132/255). O código de cores RGB decimal é rgb(51,66,132) No espaço de cores CMYK, é composto por 61% ciano, 50% magenta, 0% amarelo e 48% preto. Tem um ângulo de matiz de 228.89o graus, uma saturação de 44% e uma luminosidade de 36%. A cor websafe mais próxima é: #333399 rgb (51, 51, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #334284 possui valores RGB de R:51, G:66, B:132 e valores CMYK de C:61, M:50, Y:0, K:48. Seu valor decimal é 3359364. O código binário é 1100110100001010000100
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 334284  #334284 RGB decimal 51, 66, 132  rgb(51, 66, 132) RGB % 20, 26, 52  rgb(20%, 26%, 52%) RGB Adobe 58, 68, 129 CMYK % 61, 50, 0, 48  61%, 50%, 0%, 48% HSL 228.89o, 44, 36  hsl(228.89o, 44%, 36%) HSV (HSB) 229o, 61%, 52%  hsv(229o, 61%, 52%)

Web Safe cor #333399 rgb (51, 51, 153) XYZ 7.478, 6.266 22.645 xyY 0.21, 0.17, 6.27 Hunter-Lab 25.03, 11.03, -38.92 CMY 80%, 74%, 48% Lab 29.52, 10.82, -39.77 Binário cor 33 42 84 110011 1000010 10000100

Tons e matizes de #334284

---

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

Variação de tonalidade #334284

#525E96 rgb (82,94,150) #525E96 #6C76A6 rgb (108,118,166) #6C76A6 #828BB3 rgb (130,139,179) #828BB3 #959CBE rgb (149,156,190) #959CBE #A5ABC8 rgb (165,171,200) #A5ABC8 #B3B8D0 rgb (179,184,208) #B3B8D0 #BEC3D7 rgb (190,195,215) #BEC3D7 #C8CCDD rgb (200,204,221) #C8CCDD #D0D4E2 rgb (208,212,226) #D0D4E2 #D7DAE6 rgb (215,218,230) #D7DAE6

Variação de cor de sombra

#2B3870 rgb (43,56,112) #2B3870 #25305F rgb (37,48,95) #25305F #1F2951 rgb (31,41,81) #1F2951 #1A2345 rgb (26,35,69) #1A2345 #161E3B rgb (22,30,59) #161E3B #131A32 rgb (19,26,50) #131A32 #10162B rgb (16,22,43) #10162B #0E1325 rgb (14,19,37) #0E1325 #0C101F rgb (12,16,31) #0C101F #0A0E1A rgb (10,14,26) #0A0E1A

Tons de #334284

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

#3B4884 rgb (59,72,132) #3B4884 #424E84 rgb (66,78,132) #424E84 #485384 rgb (72,83,132) #485384 #4E5884 rgb (78,88,132) #4E5884 #535C84 rgb (83,92,132) #535C84 #586084 rgb (88,96,132) #586084 #5C6384 rgb (92,99,132) #5C6384 #606684 rgb (96,102,132) #606684 #636984 rgb (99,105,132) #636984 #666B84 rgb (102,107,132) #666B84

Alternativas para #334284

---

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

#330684 rgb (51,6,132) #330684 #331A84 rgb (51,26,132) #331A84 #332E84 rgb (51,46,132) #332E84 #335684 rgb (51,86,132) #335684 #336A84 rgb (51,106,132) #336A84 #337E84 rgb (51,126,132) #337E84

Uso rápido #334284

---

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

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

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

Código pré-formatado 334284	código por script / programming
HTML, CSS:	= #334284; rgb(51, 66, 132)
Java:	= new Color(51, 66, 132)
.NET:	= Color.FromArgb (51, 66, 132);
Xojo:	= rgb (51, 66, 132, 0);
openGL:	= glColor3f (0.2f, 0.26f, 0.52f);
Swift:	= UIColor(red:0.2, green:0.26, blue:0.52, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.26 blue:0.52 alpha:1.00000];

Esquemas de cores com #334284

---

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: 61% tem uma saturação #334284. Adicionando 61% + 10% = 71% de saturação para nossa nova cor #1B285E. Diminuindo 61% - 10% = 51% saturação para outras cores monocromáticas #5464AB. #5464ab rgb (84,100,171) #5464ab 51% saturação #542e45 rgb (41,46,69) #542e45 41% saturação #1b285e rgb (27,40,94) #1b285e 71% saturação #0d1745 rgb (13,23,69) #0d1745 81% 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 #4D3485 rgb (77,52,133) #4D3485 259o #334284 rgb (51,66,132) #334284 229o #346B85 rgb (52,107,133) #346B85 199o

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: #334284 tem um ângulo 229o. Adicionando 229o + 180o = 49oo para nossa nova cor complementar #857634. #334284 rgb (51,66,132) #334284 229o #857634 rgb (133,118,52) #857634 49o

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: #334284 tem um ângulo 229o. Adicionando 229o + 180o+30o = 79o para nossa primeira cor complementar #6B8534. Diminuindo 229o + 180o-30o = 19o para a segunda cor complementar #854D34. #854D34 rgb (133,77,52) #854D34 19o #334284 rgb (51,66,132) #334284 229o #6B8534 rgb (107,133,52) #6B8534 79o

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. #853443 rgb (133,52,67) #853443 349o #334284 rgb (51,66,132) #334284 229o #438534 rgb (67,133,52) #438534 109o

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. #853443 rgb (133,52,67) #853443 349o #334284 rgb (51,66,132) #334284 229o #857634 rgb (133,118,52) #857634 49o #348576 rgb (52,133,118) #348576 169o