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

#323A55

Em um espaço de cores RGB, hex #323A55 é composto de 20% vermelho, 23% verde e 33% azul. O código de cores RGB é composto por um componente hexadecimal 32 vermelho (50/255), um 3A verde (58/255) e um componente 55 azul (85/255). O código de cores RGB decimal é rgb(50,58,85) No espaço de cores CMYK, é composto por 41% ciano, 32% magenta, 0% amarelo e 67% preto. Tem um ângulo de matiz de 226.29o graus, uma saturação de 26% e uma luminosidade de 26%. A cor websafe mais próxima é: #333366 rgb (51, 51, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #323A55 possui valores RGB de R:50, G:58, B:85 e valores CMYK de C:41, M:32, Y:0, K:67. Seu valor decimal é 3291733. O código binário é 1100100011101001010101
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 323A55  #323A55 RGB decimal 50, 58, 85  rgb(50, 58, 85) RGB % 20, 23, 33  rgb(20%, 23%, 33%) RGB Adobe 55, 61, 85 CMYK % 41, 32, 0, 67  41%, 32%, 0%, 67% HSL 226.29o, 26, 26  hsl(226.29o, 26%, 26%) HSV (HSB) 226o, 41%, 33%  hsv(226o, 41%, 33%)

Web Safe cor #333366 rgb (51, 51, 102) XYZ 4.468, 4.36 9.2 xyY 0.25, 0.24, 4.36 Hunter-Lab 20.88, 2.81, -13.13 CMY 80%, 77%, 67% Lab 24.62, 2.5, -17.6 Binário cor 32 3A 55 110010 111010 1010101

Tons e matizes de #323A55

---

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

Variação de tonalidade #323A55

#51586F rgb (81,88,111) #51586F #6B7185 rgb (107,113,133) #6B7185 #818697 rgb (129,134,151) #818697 #9498A7 rgb (148,152,167) #9498A7 #A4A7B4 rgb (164,167,180) #A4A7B4 #B2B4BF rgb (178,180,191) #B2B4BF #BEBFC9 rgb (190,191,201) #BEBFC9 #C8C9D1 rgb (200,201,209) #C8C9D1 #D0D1D8 rgb (208,209,216) #D0D1D8 #D7D8DE rgb (215,216,222) #D7D8DE

Variação de cor de sombra

#2B3148 rgb (43,49,72) #2B3148 #252A3D rgb (37,42,61) #252A3D #1F2434 rgb (31,36,52) #1F2434 #1A1F2C rgb (26,31,44) #1A1F2C #161A25 rgb (22,26,37) #161A25 #13161F rgb (19,22,31) #13161F #10131A rgb (16,19,26) #10131A #0E1016 rgb (14,16,22) #0E1016 #0C0E13 rgb (12,14,19) #0C0E13 #0A0C10 rgb (10,12,16) #0A0C10

Tons de #323A55

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

#3A4159 rgb (58,65,89) #3A4159 #41475D rgb (65,71,93) #41475D #474D61 rgb (71,77,97) #474D61 #4D5264 rgb (77,82,100) #4D5264 #525767 rgb (82,87,103) #525767 #575B6A rgb (87,91,106) #575B6A #5B5F6C rgb (91,95,108) #5B5F6C #5F626E rgb (95,98,110) #5F626E #626570 rgb (98,101,112) #626570 #656872 rgb (101,104,114) #656872

Alternativas para #323A55

---

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

#1E3A55 rgb (30,58,85) #1E3A55 #321255 rgb (50,18,85) #321255 #322655 rgb (50,38,85) #322655 #324E55 rgb (50,78,85) #324E55 #326255 rgb (50,98,85) #326255 #327655 rgb (50,118,85) #327655

Uso rápido #323A55

---

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

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

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

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

Esquemas de cores com #323A55

---

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: 41% tem uma saturação #323A55. Adicionando 41% + 10% = 51% de saturação para nossa nova cor #161C2E. Diminuindo 41% - 10% = 31% saturação para outras cores monocromáticas #545D7A. #545d7a rgb (84,93,122) #545d7a 31% saturação #541114 rgb (16,17,20) #541114 21% saturação #161c2e rgb (22,28,46) #161c2e 51% saturação #080b14 rgb (8,11,20) #080b14 61% 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 #3B3254 rgb (59,50,84) #3B3254 256o #323A55 rgb (50,58,85) #323A55 226o #324B54 rgb (50,75,84) #324B54 196o

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: #323A55 tem um ângulo 226o. Adicionando 226o + 180o = 46oo para nossa nova cor complementar #544C32. #323A55 rgb (50,58,85) #323A55 226o #544C32 rgb (84,76,50) #544C32 46o

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: #323A55 tem um ângulo 226o. Adicionando 226o + 180o+30o = 76o para nossa primeira cor complementar #4B5432. Diminuindo 226o + 180o-30o = 16o para a segunda cor complementar #543B32. #543B32 rgb (84,59,50) #543B32 16o #323A55 rgb (50,58,85) #323A55 226o #4B5432 rgb (75,84,50) #4B5432 76o

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. #54323A rgb (84,50,58) #54323A 346o #323A55 rgb (50,58,85) #323A55 226o #3A5432 rgb (58,84,50) #3A5432 106o

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. #54323A rgb (84,50,58) #54323A 346o #323A55 rgb (50,58,85) #323A55 226o #544C32 rgb (84,76,50) #544C32 46o #32544C rgb (50,84,76) #32544C 166o