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

#677678

En un espacio de color RGB, hexadecimal #677678 se compone de 40% rojo, 46% verde y 47% azul. El código de color RGB está compuesto por un componente rojo 67 hexadecimal (103/255), un verde 76 (118/255) y un componente azul 78 (120/255). El código de color RGB decimal es rgb(103,118,120) En el espacio de color CMYK, se compone de 14% cian, 2% magenta, 0% amarillo y 53% negro. Tiene un ángulo de tono de 187.06o grados, una saturación de 8% y una luminosidad de 44%. El color seguro para la Web más cercano es: #666666 rgb (102, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #677678 tiene valores RGB de R: 103, G: 118, B: 120 y valores CMYK de C: 14, M: 2, Y: 0, K: 53. Su valor decimal es 6780536 y el código binario es 11001110111011001111000
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 677678  #677678 RGB decimal 103, 118, 120  rgb(103, 118, 120) RGB % 40, 46, 47  rgb(40%, 46%, 47%) RGB Adobe 107, 117, 119 CMYK % 14, 2, 0, 53  14%, 2%, 0%, 53% HSL 187.06o, 8, 44  hsl(187.06o, 8%, 44%) HSV (HSB) 187o, 14%, 47%  hsv(187o, 14%, 47%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 15.462, 17.196 20.274 xyY 0.29, 0.32, 17.2 Hunter-Lab 41.47, -3.86, -2.3 CMY 60%, 54%, 53% Lab 48.44, -5.44, -3.09 Binario color 67 76 78 1100111 1110110 1111000

Tonos y tintes de #677678

---

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í: #141618 es el color más oscuro y: #E1E5E5 es el más claro.

Variación del color del matiz #677678

#7E8B8C rgb (126,139,140) #7E8B8C #919C9D rgb (145,156,157) #919C9D #A2ABAC rgb (162,171,172) #A2ABAC #B0B8B8 rgb (176,184,184) #B0B8B8 #BCC3C3 rgb (188,195,195) #BCC3C3 #C6CCCC rgb (198,204,204) #C6CCCC #CFD4D4 rgb (207,212,212) #CFD4D4 #D6DADA rgb (214,218,218) #D6DADA #DCE0E0 rgb (220,224,224) #DCE0E0 #E1E5E5 rgb (225,229,229) #E1E5E5

Variación del color de la sombra

#586466 rgb (88,100,102) #586466 #4B5557 rgb (75,85,87) #4B5557 #40484A rgb (64,72,74) #40484A #363D3F rgb (54,61,63) #363D3F #2E3436 rgb (46,52,54) #2E3436 #272C2E rgb (39,44,46) #272C2E #212527 rgb (33,37,39) #212527 #1C1F21 rgb (28,31,33) #1C1F21 #181A1C rgb (24,26,28) #181A1C #141618 rgb (20,22,24) #141618

Tonos de #677678

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

#6A7779 rgb (106,119,121) #6A7779 #6C787A rgb (108,120,122) #6C787A #6E797B rgb (110,121,123) #6E797B #707A7C rgb (112,122,124) #707A7C #727B7C rgb (114,123,124) #727B7C #737C7C rgb (115,124,124) #737C7C #747C7C rgb (116,124,124) #747C7C #757C7C rgb (117,124,124) #757C7C #767C7C rgb (118,124,124) #767C7C #777C7C rgb (119,124,124) #777C7C

Alternativas a #677678

---

A continuación, puede ver algunos colores cercanos a #677678. 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.

#673A78 rgb (103,58,120) #673A78 #674E78 rgb (103,78,120) #674E78 #676278 rgb (103,98,120) #676278 #678A78 rgb (103,138,120) #678A78 #679E78 rgb (103,158,120) #679E78 #67B278 rgb (103,178,120) #67B278

Uso rapido #677678

---

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

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

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

Código preformateado 677678	código para script / programming
HTML, CSS:	= #677678; rgb(103, 118, 120)
Java:	= new Color(103, 118, 120)
.NET:	= Color.FromArgb (103, 118, 120);
Xojo:	= rgb (103, 118, 120, 0);
openGL:	= glColor3f (0.4f, 0.46f, 0.47f);
Swift:	= UIColor(red:0.4, green:0.46, blue:0.47, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.46 blue:0.47 alpha:1.00000];

Esquemas de color con #677678

---

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: 14% tiene una saturación #677678. Añadiendo 14% + 10% = 24% de saturación para nuestro nuevo color #3E4F52. Disminuyendo 14% - 10% = 4% de saturación para otros colores monocromáticos #989D9E. #989d9e rgb (152,157,158) #989d9e 4% saturación #983838 rgb (56,56,56) #983838 0% saturación #3e4f52 rgb (62,79,82) #3e4f52 24% saturación #253638 rgb (37,54,56) #253638 34% 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 #676E78 rgb (103,110,120) #676E78 217o #677678 rgb (103,118,120) #677678 187o #677871 rgb (103,120,113) #677871 157o

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: #677678 tiene un ángulo 187o. Añadiendo 187o + 180 o = 7o o para nuestro nuevo color complementario #786967. #677678 rgb (103,118,120) #677678 187o #786967 rgb (120,105,103) #786967 7o

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: #677678 tiene un ángulo 187o. Añadiendo 187o + 180 o +30 o = 37 o para nuestro primer color complementario #787167. Disminuyendo 187o + 180 o -30 o = 337 o para el segundo color complementario #78676E. #78676E rgb (120,103,110) #78676E 337o #677678 rgb (103,118,120) #677678 187o #787167 rgb (120,113,103) #787167 37o

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. #786776 rgb (120,103,118) #786776 307o #677678 rgb (103,118,120) #677678 187o #767867 rgb (118,120,103) #767867 67o

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. #786776 rgb (120,103,118) #786776 307o #677678 rgb (103,118,120) #677678 187o #786967 rgb (120,105,103) #786967 7o #677869 rgb (103,120,105) #677869 127o