#686C53 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #686C53

#686C53

En un espacio de color RGB, hexadecimal #686C53 se compone de 41% rojo, 42% verde y 33% azul. El código de color RGB está compuesto por un componente rojo 68 hexadecimal (104/255), un verde 6C (108/255) y un componente azul 53 (83/255). El código de color RGB decimal es rgb(104,108,83) En el espacio de color CMYK, se compone de 4% cian, 0% magenta, 23% amarillo y 58% negro. Tiene un ángulo de tono de 69.6o grados, una saturación de 13% y una luminosidad de 37%. El color seguro para la Web más cercano es: #666666 rgb (102, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #686C53 tiene valores RGB de R: 104, G: 108, B: 83 y valores CMYK de C: 4, M: 0, Y: 23, K: 58. Su valor decimal es 6843475 y el código binario es 11010000110110001010011
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 686C53  #686C53 RGB decimal 104, 108, 83  rgb(104, 108, 83) RGB % 41, 42, 33  rgb(41%, 42%, 33%) RGB Adobe 105, 108, 85 CMYK % 4, 0, 23, 58  4%, 0%, 23%, 58% HSL 69.6o, 13, 37  hsl(69.6o, 13%, 37%) HSV (HSB) 70o, 23%, 42%  hsv(70o, 23%, 42%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 12.633, 14.293 10.277 xyY 0.34, 0.38, 14.29 Hunter-Lab 37.81, -4.57, 8.61 CMY 59%, 58%, 67% Lab 44.74, -5.09, 13.51 Binario color 68 6C 53 1101000 1101100 1010011

Tonos y tintes de #686C53

---

Se logra un tono agregando negro al color original en el código de tono.
Se crea un tinte mezclando color con blanco.
Utilice la paleta para elegir un color o los controles deslizantes para configurar los componentes RGB, HSV, CMYK.
Por ejemplo, aquí: #141610 es el color más oscuro y: #E1E2DD es el más claro.

Variación del color del matiz #686C53

#7F826D rgb (127,130,109) #7F826D #929583 rgb (146,149,131) #929583 #A2A596 rgb (162,165,150) #A2A596 #B0B3A6 rgb (176,179,166) #B0B3A6 #BCBEB3 rgb (188,190,179) #BCBEB3 #C6C8BE rgb (198,200,190) #C6C8BE #CFD0C8 rgb (207,208,200) #CFD0C8 #D6D7D0 rgb (214,215,208) #D6D7D0 #DCDDD7 rgb (220,221,215) #DCDDD7 #E1E2DD rgb (225,226,221) #E1E2DD

Variación del color de la sombra

#585C47 rgb (88,92,71) #585C47 #4B4E3C rgb (75,78,60) #4B4E3C #404233 rgb (64,66,51) #404233 #36382B rgb (54,56,43) #36382B #2E3025 rgb (46,48,37) #2E3025 #27291F rgb (39,41,31) #27291F #21231A rgb (33,35,26) #21231A #1C1E16 rgb (28,30,22) #1C1E16 #181A13 rgb (24,26,19) #181A13 #141610 rgb (20,22,16) #141610

Tonos de #686C53

Se crea un tono agregando gris a cualquier tono puro. En este caso, #6A6E58 es el color menos saturado y #777971 es el más saturado.

#6A6E58 rgb (106,110,88) #6A6E58 #6C705C rgb (108,112,92) #6C705C #6E7260 rgb (110,114,96) #6E7260 #707363 rgb (112,115,99) #707363 #727466 rgb (114,116,102) #727466 #737569 rgb (115,117,105) #737569 #74766B rgb (116,118,107) #74766B #75776D rgb (117,119,109) #75776D #76786F rgb (118,120,111) #76786F #777971 rgb (119,121,113) #777971

Alternativas a #686C53

---

A continuación, puede ver algunos colores cercanos a #686C53. Tener un conjunto de colores relacionados puede ser útil si necesita una alternativa inspiradora u otros colores cercanos a su elección de color original.

#683053 rgb (104,48,83) #683053 #684453 rgb (104,68,83) #684453 #685853 rgb (104,88,83) #685853 #688053 rgb (104,128,83) #688053 #689453 rgb (104,148,83) #689453 #68A853 rgb (104,168,83) #68A853

Uso rapido #686C53

---

Cómo usar este color en páginas web, scripts u otros lenguajes de programación usando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color del texto	Ejemplo de color de fondo
Color del texto	Ejemplo de color de fondo
<font color="#686C53;">Text here</font>	<div style="background-color:#686C53;">Text here</div>

Vista previa de color sobre fondo negro	Vista previa en color sobre fondo blanco
vista previa de color sobre fondo negro	vista previa en color sobre fondo blanco
HTML código <div style="background-color:#000000"> <font color="#686C53;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#686C53;">Text here</font> </div>

Sombra de div box	Código CSS de sombra de texto
sombra de la caja para color #686C53	código CSS de sombra de texto
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #686C53;"></div> CSS código .box-shadow: 2px 2px 7px 1px;	CSS código .text-shadow: 1px 2px 2px #686C53;

Código html del borde del cuadro	Sombra de texto con valores RGB para color #686C53
código html del borde del cuadro para color #686C53	sombra de texto con valores RGB
HTML código <div style="background-color:#FFFFFF; border:1px solid #686C53;"></div>	CSS código with RGB .text-shadow: 0px 2px 2px rgba(104, 108, 83, 1.4);

Código preformateado 686C53	código para script / programming
HTML, CSS:	= #686C53; rgb(104, 108, 83)
Java:	= new Color(104, 108, 83)
.NET:	= Color.FromArgb (104, 108, 83);
Xojo:	= rgb (104, 108, 83, 0);
openGL:	= glColor3f (0.41f, 0.42f, 0.33f);
Swift:	= UIColor(red:0.41, green:0.42, blue:0.33, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.42 blue:0.33 alpha:1.00000];

Esquemas de color con #686C53

---

Colores monocromáticos Los esquemas de colores monocromáticos son fáciles de crear porque usan un solo color. Los esquemas monocromáticos usan diferentes tonos desde el mismo ángulo en la rueda de colores (el mismo ángulo). Simplemente cambie la saturación de color + 10% y tendrá un nuevo color monocromático. En nuestro color de carcasa: 23% tiene una saturación #686C53. Añadiendo 23% + 10% = 33% de saturación para nuestro nuevo color #41452E. Disminuyendo 23% - 10% = 13% de saturación para otros colores monocromáticos #8E917E. #8e917e rgb (142,145,126) #8e917e 13% saturación #8e2b2a rgb (43,43,42) #8e2b2a 3% saturación #41452e rgb (65,69,46) #41452e 33% saturación #282b19 rgb (40,43,25) #282b19 43% saturación

Colores análogos Los esquemas de color análogos se crean usando colores que están uno al lado del otro en la rueda de colores. Solo +/- 30 o en los lados del ángulo de tono de color #5B6B52 rgb (91,107,82) #5B6B52 100o #686C53 rgb (104,108,83) #686C53 70o #6B6352 rgb (107,99,82) #6B6352 40o

Colores complementario Los esquemas complementarios se crean combinando colores de lados opuestos de la rueda de colores. Simplemente agregue 180 grados al tono / ángulo del color y tendrá el color complementario. En nuestro color de caja: #686C53 tiene un ángulo 70o. Añadiendo 70o + 180 o = 250o o para nuestro nuevo color complementario #57526B. #686C53 rgb (104,108,83) #686C53 70o #57526B rgb (87,82,107) #57526B 250o

Color dividido Los esquemas compuestos o esquemas complementarios divididos son casi lo mismo que esquemas complementarios. En lugar de usar colores opuestos, usa colores en ambos lados del ángulo de tono opuesto. En nuestro color de caja: #686C53 tiene un ángulo 70o. Añadiendo 70o + 180 o +30 o = 280 o para nuestro primer color complementario #63526B. Disminuyendo 70o + 180 o -30 o = 220 o para el segundo color complementario #525B6B. #525B6B rgb (82,91,107) #525B6B 220o #686C53 rgb (104,108,83) #686C53 70o #63526B rgb (99,82,107) #63526B 280o

Color tiradico Los esquemas triádicos se componen de tonos / ángulos igualmente espaciados alrededor de la rueda de colores. Agregue y disminuya +/- 120 grados en ambos lados del ángulo de tono de color. #52676B rgb (82,103,107) #52676B 190o #686C53 rgb (104,108,83) #686C53 70o #6B5267 rgb (107,82,103) #6B5267 310o

Color tetrádico Los esquemas tetrádicos se componen de tonos / ángulos espaciados alrededor de la rueda de colores. Agregue 120,180,300 grados en el ángulo de tono de color. #52676B rgb (82,103,107) #52676B 190o #686C53 rgb (104,108,83) #686C53 70o #57526B rgb (87,82,107) #57526B 250o #6B5752 rgb (107,87,82) #6B5752 10o