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

#367C80

Em um espaço de cores RGB, hex #367C80 é composto de 21% vermelho, 49% verde e 50% azul. O código de cores RGB é composto por um componente hexadecimal 36 vermelho (54/255), um 7C verde (124/255) e um componente 80 azul (128/255). O código de cores RGB decimal é rgb(54,124,128) No espaço de cores CMYK, é composto por 58% ciano, 3% magenta, 0% amarelo e 50% preto. Tem um ângulo de matiz de 183.24o graus, uma saturação de 41% e uma luminosidade de 36%. A cor websafe mais próxima é: #336699 rgb (51, 102, 153).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #367C80 possui valores RGB de R:54, G:124, B:128 e valores CMYK de C:58, M:3, Y:0, K:50. Seu valor decimal é 3570816. O código binário é 1101100111110010000000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 367C80  #367C80 RGB decimal 54, 124, 128  rgb(54, 124, 128) RGB % 21, 49, 50  rgb(21%, 49%, 50%) RGB Adobe 83, 123, 127 CMYK % 58, 3, 0, 50  58%, 3%, 0%, 50% HSL 183.24o, 41, 36  hsl(183.24o, 41%, 36%) HSV (HSB) 183o, 58%, 50%  hsv(183o, 58%, 50%)

Web Safe cor #336699 rgb (51, 102, 153) XYZ 12.625, 16.758 22.991 xyY 0.24, 0.32, 16.76 Hunter-Lab 40.94, -14.63, -7.14 CMY 79%, 51%, 50% Lab 47.72, -21.9, -9.23 Binário cor 36 7C 80 110110 1111100 10000000

Tons e matizes de #367C80

---

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

Variação de tonalidade #367C80

#549093 rgb (84,144,147) #549093 #6EA1A3 rgb (110,161,163) #6EA1A3 #84AFB1 rgb (132,175,177) #84AFB1 #96BBBD rgb (150,187,189) #96BBBD #A6C5C7 rgb (166,197,199) #A6C5C7 #B3CECF rgb (179,206,207) #B3CECF #BED5D6 rgb (190,213,214) #BED5D6 #C8DBDC rgb (200,219,220) #C8DBDC #D0E0E1 rgb (208,224,225) #D0E0E1 #D7E5E6 rgb (215,229,230) #D7E5E6

Variação de cor de sombra

#2E696D rgb (46,105,109) #2E696D #27595D rgb (39,89,93) #27595D #214C4F rgb (33,76,79) #214C4F #1C4143 rgb (28,65,67) #1C4143 #183739 rgb (24,55,57) #183739 #142F30 rgb (20,47,48) #142F30 #112829 rgb (17,40,41) #112829 #0E2223 rgb (14,34,35) #0E2223 #0C1D1E rgb (12,29,30) #0C1D1E #0A191A rgb (10,25,26) #0A191A

Tons de #367C80

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

#3D7C80 rgb (61,124,128) #3D7C80 #447C80 rgb (68,124,128) #447C80 #4A7C80 rgb (74,124,128) #4A7C80 #4F7C80 rgb (79,124,128) #4F7C80 #547C80 rgb (84,124,128) #547C80 #587C80 rgb (88,124,128) #587C80 #5C7C80 rgb (92,124,128) #5C7C80 #607C80 rgb (96,124,128) #607C80 #637C80 rgb (99,124,128) #637C80 #667C80 rgb (102,124,128) #667C80

Alternativas para #367C80

---

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

#364080 rgb (54,64,128) #364080 #365480 rgb (54,84,128) #365480 #366880 rgb (54,104,128) #366880 #369080 rgb (54,144,128) #369080 #36A480 rgb (54,164,128) #36A480 #36B880 rgb (54,184,128) #36B880

Uso rápido #367C80

---

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

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

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

Código pré-formatado 367C80	código por script / programming
HTML, CSS:	= #367C80; rgb(54, 124, 128)
Java:	= new Color(54, 124, 128)
.NET:	= Color.FromArgb (54, 124, 128);
Xojo:	= rgb (54, 124, 128, 0);
openGL:	= glColor3f (0.21f, 0.49f, 0.5f);
Swift:	= UIColor(red:0.21, green:0.49, blue:0.5, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.21 green:0.49 blue:0.5 alpha:1.00000];

Esquemas de cores com #367C80

---

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: 58% tem uma saturação #367C80. Adicionando 58% + 10% = 68% de saturação para nossa nova cor #1D5659. Diminuindo 58% - 10% = 48% saturação para outras cores monocromáticas #56A2A6. #56a2a6 rgb (86,162,166) #56a2a6 48% saturação #563f40 rgb (40,63,64) #563f40 38% saturação #1d5659 rgb (29,86,89) #1d5659 68% saturação #0e3d40 rgb (14,61,64) #0e3d40 78% 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 #365780 rgb (54,87,128) #365780 213o #367C80 rgb (54,124,128) #367C80 183o #36805E rgb (54,128,94) #36805E 153o

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: #367C80 tem um ângulo 183o. Adicionando 183o + 180o = 3oo para nossa nova cor complementar #803936. #367C80 rgb (54,124,128) #367C80 183o #803936 rgb (128,57,54) #803936 3o

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: #367C80 tem um ângulo 183o. Adicionando 183o + 180o+30o = 33o para nossa primeira cor complementar #805E36. Diminuindo 183o + 180o-30o = 333o para a segunda cor complementar #803657. #803657 rgb (128,54,87) #803657 333o #367C80 rgb (54,124,128) #367C80 183o #805E36 rgb (128,94,54) #805E36 33o

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. #80367C rgb (128,54,124) #80367C 303o #367C80 rgb (54,124,128) #367C80 183o #7C8036 rgb (124,128,54) #7C8036 63o

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. #80367C rgb (128,54,124) #80367C 303o #367C80 rgb (54,124,128) #367C80 183o #803936 rgb (128,57,54) #803936 3o #368039 rgb (54,128,57) #368039 123o