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

#557C6C

En un espacio de color RGB, hexadecimal #557C6C se compone de 33% rojo, 49% verde y 42% azul. El código de color RGB está compuesto por un componente rojo 55 hexadecimal (85/255), un verde 7C (124/255) y un componente azul 6C (108/255). El código de color RGB decimal es rgb(85,124,108) En el espacio de color CMYK, se compone de 31% cian, 0% magenta, 13% amarillo y 51% negro. Tiene un ángulo de tono de 155.38o grados, una saturación de 19% y una luminosidad de 41%. El color seguro para la Web más cercano es: #666666 rgb (102, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #557C6C tiene valores RGB de R: 85, G: 124, B: 108 y valores CMYK de C: 31, M: 0, Y: 13, K: 51. Su valor decimal es 5602412 y el código binario es 10101010111110001101100
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 557C6C  #557C6C RGB decimal 85, 124, 108  rgb(85, 124, 108) RGB % 33, 49, 42  rgb(33%, 49%, 42%) RGB Adobe 98, 123, 108 CMYK % 31, 0, 13, 51  31%, 0%, 13%, 51% HSL 155.38o, 19, 41  hsl(155.38o, 19%, 41%) HSV (HSB) 155o, 31%, 49%  hsv(155o, 31%, 49%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 13.661, 17.429 16.832 xyY 0.29, 0.36, 17.43 Hunter-Lab 41.75, -12.62, 3.16 CMY 67%, 51%, 58% Lab 48.73, -17.06, 4.17 Binario color 55 7C 6C 1010101 1111100 1101100

Tonos y tintes de #557C6C

---

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

Variación del color del matiz #557C6C

#6F9082 rgb (111,144,130) #6F9082 #85A195 rgb (133,161,149) #85A195 #97AFA5 rgb (151,175,165) #97AFA5 #A7BBB3 rgb (167,187,179) #A7BBB3 #B4C5BE rgb (180,197,190) #B4C5BE #BFCEC8 rgb (191,206,200) #BFCEC8 #C9D5D0 rgb (201,213,208) #C9D5D0 #D1DBD7 rgb (209,219,215) #D1DBD7 #D8E0DD rgb (216,224,221) #D8E0DD #DEE5E2 rgb (222,229,226) #DEE5E2

Variación del color de la sombra

#48695C rgb (72,105,92) #48695C #3D594E rgb (61,89,78) #3D594E #344C42 rgb (52,76,66) #344C42 #2C4138 rgb (44,65,56) #2C4138 #253730 rgb (37,55,48) #253730 #1F2F29 rgb (31,47,41) #1F2F29 #1A2823 rgb (26,40,35) #1A2823 #16221E rgb (22,34,30) #16221E #131D1A rgb (19,29,26) #131D1A #101916 rgb (16,25,22) #101916

Tonos de #557C6C

Se crea un tono agregando gris a cualquier tono puro. En este caso, #597C6E es el color menos saturado y #727C79 es el más saturado.

#597C6E rgb (89,124,110) #597C6E #5D7C70 rgb (93,124,112) #5D7C70 #617C72 rgb (97,124,114) #617C72 #647C73 rgb (100,124,115) #647C73 #677C74 rgb (103,124,116) #677C74 #6A7C75 rgb (106,124,117) #6A7C75 #6C7C76 rgb (108,124,118) #6C7C76 #6E7C77 rgb (110,124,119) #6E7C77 #707C78 rgb (112,124,120) #707C78 #727C79 rgb (114,124,121) #727C79

Alternativas a #557C6C

---

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

#55406C rgb (85,64,108) #55406C #55546C rgb (85,84,108) #55546C #55686C rgb (85,104,108) #55686C #55906C rgb (85,144,108) #55906C #55A46C rgb (85,164,108) #55A46C #55B86C rgb (85,184,108) #55B86C

Uso rapido #557C6C

---

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

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

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

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

Esquemas de color con #557C6C

---

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: 31% tiene una saturación #557C6C. Añadiendo 31% + 10% = 41% de saturación para nuestro nuevo color #335748. Disminuyendo 31% - 10% = 21% de saturación para otros colores monocromáticos #81A395. #81a395 rgb (129,163,149) #81a395 21% saturación #813d3a rgb (54,61,58) #813d3a 11% saturación #335748 rgb (51,87,72) #335748 41% saturación #1e3d30 rgb (30,61,48) #1e3d30 51% 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 #567A7D rgb (86,122,125) #567A7D 185o #557C6C rgb (85,124,108) #557C6C 155o #567D59 rgb (86,125,89) #567D59 125o

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: #557C6C tiene un ángulo 155o. Añadiendo 155o + 180 o = 335o o para nuestro nuevo color complementario #7D5666. #557C6C rgb (85,124,108) #557C6C 155o #7D5666 rgb (125,86,102) #7D5666 335o

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: #557C6C tiene un ángulo 155o. Añadiendo 155o + 180 o +30 o = 5 o para nuestro primer color complementario #7D5956. Disminuyendo 155o + 180 o -30 o = 305 o para el segundo color complementario #7D567A. #7D567A rgb (125,86,122) #7D567A 305o #557C6C rgb (85,124,108) #557C6C 155o #7D5956 rgb (125,89,86) #7D5956 5o

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. #6D567D rgb (109,86,125) #6D567D 275o #557C6C rgb (85,124,108) #557C6C 155o #7D6D56 rgb (125,109,86) #7D6D56 35o

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. #6D567D rgb (109,86,125) #6D567D 275o #557C6C rgb (85,124,108) #557C6C 155o #7D5666 rgb (125,86,102) #7D5666 335o #667D56 rgb (102,125,86) #667D56 95o