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

#334150

Em um espaço de cores RGB, hex #334150 é composto de 20% vermelho, 25% verde e 31% azul. O código de cores RGB é composto por um componente hexadecimal 33 vermelho (51/255), um 41 verde (65/255) e um componente 50 azul (80/255). O código de cores RGB decimal é rgb(51,65,80) No espaço de cores CMYK, é composto por 36% ciano, 19% magenta, 0% amarelo e 69% preto. Tem um ângulo de matiz de 211.03o graus, uma saturação de 22% 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 #334150 possui valores RGB de R:51, G:65, B:80 e valores CMYK de C:36, M:19, Y:0, K:69. Seu valor decimal é 3359056. O código binário é 1100110100000101010000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 334150  #334150 RGB decimal 51, 65, 80  rgb(51, 65, 80) RGB % 20, 25, 31  rgb(20%, 25%, 31%) RGB Adobe 58, 67, 80 CMYK % 36, 19, 0, 69  36%, 19%, 0%, 69% HSL 211.03o, 22, 26  hsl(211.03o, 22%, 26%) HSV (HSB) 211o, 36%, 31%  hsv(211o, 36%, 31%)

Web Safe cor #333366 rgb (51, 51, 102) XYZ 4.704, 5.064 8.319 xyY 0.26, 0.28, 5.06 Hunter-Lab 22.5, -0.88, -7.67 CMY 80%, 75%, 69% Lab 26.77, -2.66, -11.05 Binário cor 33 41 50 110011 1000001 1010000

Tons e matizes de #334150

---

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

Variação de tonalidade #334150

#525E6A rgb (82,94,106) #525E6A #6C7680 rgb (108,118,128) #6C7680 #828B93 rgb (130,139,147) #828B93 #959CA3 rgb (149,156,163) #959CA3 #A5ABB1 rgb (165,171,177) #A5ABB1 #B3B8BD rgb (179,184,189) #B3B8BD #BEC3C7 rgb (190,195,199) #BEC3C7 #C8CCCF rgb (200,204,207) #C8CCCF #D0D4D6 rgb (208,212,214) #D0D4D6 #D7DADC rgb (215,218,220) #D7DADC

Variação de cor de sombra

#2B3744 rgb (43,55,68) #2B3744 #252F3A rgb (37,47,58) #252F3A #1F2831 rgb (31,40,49) #1F2831 #1A222A rgb (26,34,42) #1A222A #161D24 rgb (22,29,36) #161D24 #13191F rgb (19,25,31) #13191F #10151A rgb (16,21,26) #10151A #0E1216 rgb (14,18,22) #0E1216 #0C0F13 rgb (12,15,19) #0C0F13 #0A0D10 rgb (10,13,16) #0A0D10

Tons de #334150

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

#3B4755 rgb (59,71,85) #3B4755 #424D59 rgb (66,77,89) #424D59 #48525D rgb (72,82,93) #48525D #4E5761 rgb (78,87,97) #4E5761 #535B64 rgb (83,91,100) #535B64 #585F67 rgb (88,95,103) #585F67 #5C626A rgb (92,98,106) #5C626A #60656C rgb (96,101,108) #60656C #63686E rgb (99,104,110) #63686E #666A70 rgb (102,106,112) #666A70

Alternativas para #334150

---

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

#330550 rgb (51,5,80) #330550 #331950 rgb (51,25,80) #331950 #332D50 rgb (51,45,80) #332D50 #335550 rgb (51,85,80) #335550 #336950 rgb (51,105,80) #336950 #337D50 rgb (51,125,80) #337D50

Uso rápido #334150

---

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

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

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

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

Esquemas de cores com #334150

---

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: 36% tem uma saturação #334150. Adicionando 36% + 10% = 46% de saturação para nossa nova cor #161F29. Diminuindo 36% - 10% = 26% saturação para outras cores monocromáticas #576675. #576675 rgb (87,102,117) #576675 26% saturação #570e0f rgb (13,14,15) #570e0f 16% saturação #161f29 rgb (22,31,41) #161f29 46% saturação #070b0f rgb (7,11,15) #070b0f 56% 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 #33334F rgb (51,51,79) #33334F 241o #334150 rgb (51,65,80) #334150 211o #334F4F rgb (51,79,79) #334F4F 181o

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: #334150 tem um ângulo 211o. Adicionando 211o + 180o = 31oo para nossa nova cor complementar #4F4133. #334150 rgb (51,65,80) #334150 211o #4F4133 rgb (79,65,51) #4F4133 31o

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: #334150 tem um ângulo 211o. Adicionando 211o + 180o+30o = 61o para nossa primeira cor complementar #4F4F33. Diminuindo 211o + 180o-30o = 1o para a segunda cor complementar #4F3333. #4F3333 rgb (79,51,51) #4F3333 1o #334150 rgb (51,65,80) #334150 211o #4F4F33 rgb (79,79,51) #4F4F33 61o

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. #4F3340 rgb (79,51,64) #4F3340 331o #334150 rgb (51,65,80) #334150 211o #404F33 rgb (64,79,51) #404F33 91o

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. #4F3340 rgb (79,51,64) #4F3340 331o #334150 rgb (51,65,80) #334150 211o #4F4133 rgb (79,65,51) #4F4133 31o #334F41 rgb (51,79,65) #334F41 151o