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

#31524A

Em um espaço de cores RGB, hex #31524A é composto de 19% vermelho, 32% verde e 29% azul. O código de cores RGB é composto por um componente hexadecimal 31 vermelho (49/255), um 52 verde (82/255) e um componente 4A azul (74/255). O código de cores RGB decimal é rgb(49,82,74) No espaço de cores CMYK, é composto por 40% ciano, 0% magenta, 10% amarelo e 68% preto. Tem um ângulo de matiz de 165.45o graus, uma saturação de 25% e uma luminosidade de 26%. A cor websafe mais próxima é: #336633 rgb (51, 102, 51).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #31524A possui valores RGB de R:49, G:82, B:74 e valores CMYK de C:40, M:0, Y:10, K:68. Seu valor decimal é 3232330. O código binário é 1100010101001001001010
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 31524A  #31524A RGB decimal 49, 82, 74  rgb(49, 82, 74) RGB % 19, 32, 29  rgb(19%, 32%, 29%) RGB Adobe 63, 83, 76 CMYK % 40, 0, 10, 68  40%, 0%, 10%, 68% HSL 165.45o, 25, 26  hsl(165.45o, 25%, 26%) HSV (HSB) 165o, 40%, 32%  hsv(165o, 40%, 32%)

Web Safe cor #336633 rgb (51, 102, 51) XYZ 5.52, 7.182 7.574 xyY 0.27, 0.35, 7.18 Hunter-Lab 26.8, -8.84, 0.57 CMY 81%, 68%, 71% Lab 32.14, -14.24, 0.69 Binário cor 31 52 4A 110001 1010010 1001010

Tons e matizes de #31524A

---

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

Variação de tonalidade #31524A

#506C65 rgb (80,108,101) #506C65 #6A827C rgb (106,130,124) #6A827C #809590 rgb (128,149,144) #809590 #93A5A1 rgb (147,165,161) #93A5A1 #A3B3AF rgb (163,179,175) #A3B3AF #B1BEBB rgb (177,190,187) #B1BEBB #BDC8C5 rgb (189,200,197) #BDC8C5 #C7D0CE rgb (199,208,206) #C7D0CE #CFD7D5 rgb (207,215,213) #CFD7D5 #D6DDDB rgb (214,221,219) #D6DDDB

Variação de cor de sombra

#2A463F rgb (42,70,63) #2A463F #243C36 rgb (36,60,54) #243C36 #1F332E rgb (31,51,46) #1F332E #1A2B27 rgb (26,43,39) #1A2B27 #162521 rgb (22,37,33) #162521 #131F1C rgb (19,31,28) #131F1C #101A18 rgb (16,26,24) #101A18 #0E1614 rgb (14,22,20) #0E1614 #0C1311 rgb (12,19,17) #0C1311 #0A100E rgb (10,16,14) #0A100E

Tons de #31524A

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #39574F é a cor menos saturada e #64706D é a mais saturada.

#39574F rgb (57,87,79) #39574F #405B54 rgb (64,91,84) #405B54 #465F58 rgb (70,95,88) #465F58 #4C625C rgb (76,98,92) #4C625C #516560 rgb (81,101,96) #516560 #566863 rgb (86,104,99) #566863 #5A6A66 rgb (90,106,102) #5A6A66 #5E6C69 rgb (94,108,105) #5E6C69 #616E6B rgb (97,110,107) #616E6B #64706D rgb (100,112,109) #64706D

Alternativas para #31524A

---

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

#31164A rgb (49,22,74) #31164A #312A4A rgb (49,42,74) #312A4A #313E4A rgb (49,62,74) #313E4A #31664A rgb (49,102,74) #31664A #317A4A rgb (49,122,74) #317A4A #318E4A rgb (49,142,74) #318E4A

Uso rápido #31524A

---

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

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

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

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

Esquemas de cores com #31524A

---

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: 40% tem uma saturação #31524A. Adicionando 40% + 10% = 50% de saturação para nossa nova cor #162B26. Diminuindo 40% - 10% = 30% saturação para outras cores monocromáticas #54786F. #54786f rgb (84,120,111) #54786f 30% saturação #541211 rgb (14,18,17) #541211 20% saturação #162b26 rgb (22,43,38) #162b26 50% saturação #07120f rgb (7,18,15) #07120f 60% 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 #314952 rgb (49,73,82) #314952 195o #31524A rgb (49,82,74) #31524A 165o #315239 rgb (49,82,57) #315239 135o

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: #31524A tem um ângulo 165o. Adicionando 165o + 180o = 345oo para nossa nova cor complementar #523139. #31524A rgb (49,82,74) #31524A 165o #523139 rgb (82,49,57) #523139 345o

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: #31524A tem um ângulo 165o. Adicionando 165o + 180o+30o = 15o para nossa primeira cor complementar #523931. Diminuindo 165o + 180o-30o = 315o para a segunda cor complementar #523149. #523149 rgb (82,49,73) #523149 315o #31524A rgb (49,82,74) #31524A 165o #523931 rgb (82,57,49) #523931 15o

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. #493152 rgb (73,49,82) #493152 285o #31524A rgb (49,82,74) #31524A 165o #524931 rgb (82,73,49) #524931 45o

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. #493152 rgb (73,49,82) #493152 285o #31524A rgb (49,82,74) #31524A 165o #523139 rgb (82,49,57) #523139 345o #395231 rgb (57,82,49) #395231 105o