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

#687A50

Em um espaço de cores RGB, hex #687A50 é composto de 41% vermelho, 48% verde e 31% azul. O código de cores RGB é composto por um componente hexadecimal 68 vermelho (104/255), um 7A verde (122/255) e um componente 50 azul (80/255). O código de cores RGB decimal é rgb(104,122,80) No espaço de cores CMYK, é composto por 15% ciano, 0% magenta, 34% amarelo e 52% preto. Tem um ângulo de matiz de 85.71o graus, uma saturação de 21% e uma luminosidade de 40%. A cor websafe mais próxima é: #666666 rgb (102, 102, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #687A50 possui valores RGB de R:104, G:122, B:80 e valores CMYK de C:15, M:0, Y:34, K:52. Seu valor decimal é 6847056. O código binário é 11010000111101001010000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor 687A50  #687A50 RGB decimal 104, 122, 80  rgb(104, 122, 80) RGB % 41, 48, 31  rgb(41%, 48%, 31%) RGB Adobe 109, 121, 83 CMYK % 15, 0, 34, 52  15%, 0%, 34%, 52% HSL 85.71o, 21, 40  hsl(85.71o, 21%, 40%) HSV (HSB) 86o, 34%, 48%  hsv(86o, 34%, 48%)

Web Safe cor #666666 rgb (102, 102, 102) XYZ 14.116, 17.441 10.212 xyY 0.34, 0.42, 17.44 Hunter-Lab 41.76, -10.69, 12.94 CMY 59%, 52%, 69% Lab 48.91, -12.79, 20.76 Binário cor 68 7A 50 1101000 1111010 1010000

Tons e matizes de #687A50

---

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: #141810 é a cor mais escura e: #E1E5DC é a mais clara.

Variação de tonalidade #687A50

#7F8E6A rgb (127,142,106) #7F8E6A #929F80 rgb (146,159,128) #929F80 #A2AD93 rgb (162,173,147) #A2AD93 #B0B9A3 rgb (176,185,163) #B0B9A3 #BCC4B1 rgb (188,196,177) #BCC4B1 #C6CDBD rgb (198,205,189) #C6CDBD #CFD5C7 rgb (207,213,199) #CFD5C7 #D6DBCF rgb (214,219,207) #D6DBCF #DCE0D6 rgb (220,224,214) #DCE0D6 #E1E5DC rgb (225,229,220) #E1E5DC

Variação de cor de sombra

#586844 rgb (88,104,68) #586844 #4B583A rgb (75,88,58) #4B583A #404B31 rgb (64,75,49) #404B31 #36402A rgb (54,64,42) #36402A #2E3624 rgb (46,54,36) #2E3624 #272E1F rgb (39,46,31) #272E1F #21271A rgb (33,39,26) #21271A #1C2116 rgb (28,33,22) #1C2116 #181C13 rgb (24,28,19) #181C13 #141810 rgb (20,24,16) #141810

Tons de #687A50

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #6A7B55 é a cor menos saturada e #777C70 é a mais saturada.

#6A7B55 rgb (106,123,85) #6A7B55 #6C7C59 rgb (108,124,89) #6C7C59 #6E7C5D rgb (110,124,93) #6E7C5D #707C61 rgb (112,124,97) #707C61 #727C64 rgb (114,124,100) #727C64 #737C67 rgb (115,124,103) #737C67 #747C6A rgb (116,124,106) #747C6A #757C6C rgb (117,124,108) #757C6C #767C6E rgb (118,124,110) #767C6E #777C70 rgb (119,124,112) #777C70

Alternativas para #687A50

---

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

#683E50 rgb (104,62,80) #683E50 #685250 rgb (104,82,80) #685250 #686650 rgb (104,102,80) #686650 #688E50 rgb (104,142,80) #688E50 #68A250 rgb (104,162,80) #68A250 #68B650 rgb (104,182,80) #68B650

Uso rápido #687A50

---

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

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

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

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

Esquemas de cores com #687A50

---

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: 34% tem uma saturação #687A50. Adicionando 34% + 10% = 44% de saturação para nossa nova cor #44542F. Diminuindo 34% - 10% = 24% saturação para outras cores monocromáticas #90A17A. #90a17a rgb (144,161,122) #90a17a 24% saturação #903b32 rgb (55,59,50) #903b32 14% saturação #44542f rgb (68,84,47) #44542f 44% saturação #2d3b1b rgb (45,59,27) #2d3b1b 54% 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 #547A51 rgb (84,122,81) #547A51 116o #687A50 rgb (104,122,80) #687A50 86o #7A7851 rgb (122,120,81) #7A7851 56o

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: #687A50 tem um ângulo 86o. Adicionando 86o + 180o = 266oo para nossa nova cor complementar #63517A. #687A50 rgb (104,122,80) #687A50 86o #63517A rgb (99,81,122) #63517A 266o

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: #687A50 tem um ângulo 86o. Adicionando 86o + 180o+30o = 296o para nossa primeira cor complementar #78517A. Diminuindo 86o + 180o-30o = 236o para a segunda cor complementar #51547A. #51547A rgb (81,84,122) #51547A 236o #687A50 rgb (104,122,80) #687A50 86o #78517A rgb (120,81,122) #78517A 296o

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. #51687A rgb (81,104,122) #51687A 206o #687A50 rgb (104,122,80) #687A50 86o #7A5168 rgb (122,81,104) #7A5168 326o

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. #51687A rgb (81,104,122) #51687A 206o #687A50 rgb (104,122,80) #687A50 86o #63517A rgb (99,81,122) #63517A 266o #7A6351 rgb (122,99,81) #7A6351 26o