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

#30334A

Em um espaço de cores RGB, hex #30334A é composto de 19% vermelho, 20% verde e 29% azul. O código de cores RGB é composto por um componente hexadecimal 30 vermelho (48/255), um 33 verde (51/255) e um componente 4A azul (74/255). O código de cores RGB decimal é rgb(48,51,74) No espaço de cores CMYK, é composto por 35% ciano, 31% magenta, 0% amarelo e 71% preto. Tem um ângulo de matiz de 233.08o graus, uma saturação de 21% e uma luminosidade de 24%. A cor websafe mais próxima é: #333333 rgb (51, 51, 51).

Conversão de cores

---

Converter cor

---

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

Hex cor 30334A  #30334A RGB decimal 48, 51, 74  rgb(48, 51, 74) RGB % 19, 20, 29  rgb(19%, 20%, 29%) RGB Adobe 52, 54, 75 CMYK % 35, 31, 0, 71  35%, 31%, 0%, 71% HSL 233.08o, 21, 24  hsl(233.08o, 21%, 24%) HSV (HSB) 233o, 35%, 29%  hsv(233o, 35%, 29%)

Web Safe cor #333333 rgb (51, 51, 51) XYZ 3.639, 3.49 6.961 xyY 0.26, 0.25, 3.49 Hunter-Lab 18.68, 3.12, -10.42 CMY 81%, 80%, 71% Lab 21.75, 3.53, -14.77 Binário cor 30 33 4A 110000 110011 1001010

Tons e matizes de #30334A

---

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

Variação de tonalidade #30334A

#4F5265 rgb (79,82,101) #4F5265 #696C7C rgb (105,108,124) #696C7C #808290 rgb (128,130,144) #808290 #9395A1 rgb (147,149,161) #9395A1 #A3A5AF rgb (163,165,175) #A3A5AF #B1B3BB rgb (177,179,187) #B1B3BB #BDBEC5 rgb (189,190,197) #BDBEC5 #C7C8CE rgb (199,200,206) #C7C8CE #CFD0D5 rgb (207,208,213) #CFD0D5 #D6D7DB rgb (214,215,219) #D6D7DB

Variação de cor de sombra

#292B3F rgb (41,43,63) #292B3F #232536 rgb (35,37,54) #232536 #1E1F2E rgb (30,31,46) #1E1F2E #1A1A27 rgb (26,26,39) #1A1A27 #161621 rgb (22,22,33) #161621 #13131C rgb (19,19,28) #13131C #101018 rgb (16,16,24) #101018 #0E0E14 rgb (14,14,20) #0E0E14 #0C0C11 rgb (12,12,17) #0C0C11 #0A0A0E rgb (10,10,14) #0A0A0E

Tons de #30334A

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #383B4F é a cor menos saturada e #64666D é a mais saturada.

#383B4F rgb (56,59,79) #383B4F #3F4254 rgb (63,66,84) #3F4254 #464858 rgb (70,72,88) #464858 #4C4E5C rgb (76,78,92) #4C4E5C #515360 rgb (81,83,96) #515360 #565863 rgb (86,88,99) #565863 #5A5C66 rgb (90,92,102) #5A5C66 #5E6069 rgb (94,96,105) #5E6069 #61636B rgb (97,99,107) #61636B #64666D rgb (100,102,109) #64666D

Alternativas para #30334A

---

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

#1C334A rgb (28,51,74) #1C334A #300B4A rgb (48,11,74) #300B4A #301F4A rgb (48,31,74) #301F4A #30474A rgb (48,71,74) #30474A #305B4A rgb (48,91,74) #305B4A #306F4A rgb (48,111,74) #306F4A

Uso rápido #30334A

---

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

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

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

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

Esquemas de cores com #30334A

---

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: 35% tem uma saturação #30334A. Adicionando 35% + 10% = 45% de saturação para nossa nova cor #141624. Diminuindo 35% - 10% = 25% saturação para outras cores monocromáticas #545770. #545770 rgb (84,87,112) #545770 25% saturação #54090a rgb (9,9,10) #54090a 15% saturação #141624 rgb (20,22,36) #141624 45% saturação #05050a rgb (5,5,10) #05050a 55% 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 #3A304A rgb (58,48,74) #3A304A 263o #30334A rgb (48,51,74) #30334A 233o #30404A rgb (48,64,74) #30404A 203o

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: #30334A tem um ângulo 233o. Adicionando 233o + 180o = 53oo para nossa nova cor complementar #4A4730. #30334A rgb (48,51,74) #30334A 233o #4A4730 rgb (74,71,48) #4A4730 53o

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: #30334A tem um ângulo 233o. Adicionando 233o + 180o+30o = 83o para nossa primeira cor complementar #404A30. Diminuindo 233o + 180o-30o = 23o para a segunda cor complementar #4A3A30. #4A3A30 rgb (74,58,48) #4A3A30 23o #30334A rgb (48,51,74) #30334A 233o #404A30 rgb (64,74,48) #404A30 83o

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. #4A3033 rgb (74,48,51) #4A3033 353o #30334A rgb (48,51,74) #30334A 233o #334A30 rgb (51,74,48) #334A30 113o

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. #4A3033 rgb (74,48,51) #4A3033 353o #30334A rgb (48,51,74) #30334A 233o #4A4730 rgb (74,71,48) #4A4730 53o #304A47 rgb (48,74,71) #304A47 173o