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

#337B44

Em um espaço de cores RGB, hex #337B44 é composto de 20% vermelho, 48% verde e 27% azul. O código de cores RGB é composto por um componente hexadecimal 33 vermelho (51/255), um 7B verde (123/255) e um componente 44 azul (68/255). O código de cores RGB decimal é rgb(51,123,68) No espaço de cores CMYK, é composto por 59% ciano, 0% magenta, 45% amarelo e 52% preto. Tem um ângulo de matiz de 134.17o graus, uma saturação de 41% e uma luminosidade de 34%. A cor websafe mais próxima é: #336633 rgb (51, 102, 51).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #337B44 possui valores RGB de R:51, G:123, B:68 e valores CMYK de C:59, M:0, Y:45, K:52. Seu valor decimal é 3373892. O código binário é 1100110111101101000100
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 337B44  #337B44 RGB decimal 51, 123, 68  rgb(51, 123, 68) RGB % 20, 48, 27  rgb(20%, 48%, 27%) RGB Adobe 81, 122, 73 CMYK % 59, 0, 45, 52  59%, 0%, 45%, 52% HSL 134.17o, 41, 34  hsl(134.17o, 41%, 34%) HSV (HSB) 134o, 59%, 48%  hsv(134o, 59%, 48%)

Web Safe cor #336633 rgb (51, 102, 51) XYZ 9.492, 15.287 7.919 xyY 0.29, 0.47, 15.29 Hunter-Lab 39.1, -23.37, 13.74 CMY 80%, 52%, 73% Lab 46.02, -33.23, 23.01 Binário cor 33 7B 44 110011 1111011 1000100

Tons e matizes de #337B44

---

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

Variação de tonalidade #337B44

#528F60 rgb (82,143,96) #528F60 #6CA078 rgb (108,160,120) #6CA078 #82AE8C rgb (130,174,140) #82AE8C #95BA9D rgb (149,186,157) #95BA9D #A5C4AC rgb (165,196,172) #A5C4AC #B3CDB8 rgb (179,205,184) #B3CDB8 #BED5C3 rgb (190,213,195) #BED5C3 #C8DBCC rgb (200,219,204) #C8DBCC #D0E0D4 rgb (208,224,212) #D0E0D4 #D7E5DA rgb (215,229,218) #D7E5DA

Variação de cor de sombra

#2B693A rgb (43,105,58) #2B693A #255931 rgb (37,89,49) #255931 #1F4C2A rgb (31,76,42) #1F4C2A #1A4124 rgb (26,65,36) #1A4124 #16371F rgb (22,55,31) #16371F #132F1A rgb (19,47,26) #132F1A #102816 rgb (16,40,22) #102816 #0E2213 rgb (14,34,19) #0E2213 #0C1D10 rgb (12,29,16) #0C1D10 #0A190E rgb (10,25,14) #0A190E

Tons de #337B44

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

#3B7C4A rgb (59,124,74) #3B7C4A #427C4F rgb (66,124,79) #427C4F #487C54 rgb (72,124,84) #487C54 #4E7C58 rgb (78,124,88) #4E7C58 #537C5C rgb (83,124,92) #537C5C #587C60 rgb (88,124,96) #587C60 #5C7C63 rgb (92,124,99) #5C7C63 #607C66 rgb (96,124,102) #607C66 #637C69 rgb (99,124,105) #637C69 #667C6B rgb (102,124,107) #667C6B

Alternativas para #337B44

---

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

#333F44 rgb (51,63,68) #333F44 #335344 rgb (51,83,68) #335344 #336744 rgb (51,103,68) #336744 #338F44 rgb (51,143,68) #338F44 #33A344 rgb (51,163,68) #33A344 #33B744 rgb (51,183,68) #33B744

Uso rápido #337B44

---

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

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

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

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

Esquemas de cores com #337B44

---

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: 59% tem uma saturação #337B44. Adicionando 59% + 10% = 69% de saturação para nossa nova cor #1A5428. Diminuindo 59% - 10% = 49% saturação para outras cores monocromáticas #52A164. #52a164 rgb (82,161,100) #52a164 49% saturação #523b29 rgb (36,59,41) #523b29 39% saturação #1a5428 rgb (26,84,40) #1a5428 69% saturação #0c3b17 rgb (12,59,23) #0c3b17 79% 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 #327A67 rgb (50,122,103) #327A67 164o #337B44 rgb (51,123,68) #337B44 134o #457A32 rgb (69,122,50) #457A32 104o

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: #337B44 tem um ângulo 134o. Adicionando 134o + 180o = 314oo para nossa nova cor complementar #7A326A. #337B44 rgb (51,123,68) #337B44 134o #7A326A rgb (122,50,106) #7A326A 314o

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: #337B44 tem um ângulo 134o. Adicionando 134o + 180o+30o = 344o para nossa primeira cor complementar #7A3245. Diminuindo 134o + 180o-30o = 284o para a segunda cor complementar #67327A. #67327A rgb (103,50,122) #67327A 284o #337B44 rgb (51,123,68) #337B44 134o #7A3245 rgb (122,50,69) #7A3245 344o

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. #43327A rgb (67,50,122) #43327A 254o #337B44 rgb (51,123,68) #337B44 134o #7A4332 rgb (122,67,50) #7A4332 14o

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. #43327A rgb (67,50,122) #43327A 254o #337B44 rgb (51,123,68) #337B44 134o #7A326A rgb (122,50,106) #7A326A 314o #6A7A32 rgb (106,122,50) #6A7A32 74o