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

#3C556E

En un espacio de color RGB, hexadecimal #3C556E se compone de 24% rojo, 33% verde y 43% azul. El código de color RGB está compuesto por un componente rojo 3C hexadecimal (60/255), un verde 55 (85/255) y un componente azul 6E (110/255). El código de color RGB decimal es rgb(60,85,110) En el espacio de color CMYK, se compone de 45% cian, 23% magenta, 0% amarillo y 57% negro. Tiene un ángulo de tono de 210o grados, una saturación de 29% y una luminosidad de 33%. El color seguro para la Web más cercano es: #336666 rgb (51, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #3C556E tiene valores RGB de R: 60, G: 85, B: 110 y valores CMYK de C: 45, M: 23, Y: 0, K: 57. Su valor decimal es 3954030 y el código binario es 1111000101010101101110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 3C556E  #3C556E RGB decimal 60, 85, 110  rgb(60, 85, 110) RGB % 24, 33, 43  rgb(24%, 33%, 43%) RGB Adobe 70, 86, 109 CMYK % 45, 23, 0, 57  45%, 23%, 0%, 57% HSL 210o, 29, 33  hsl(210o, 29%, 33%) HSV (HSB) 210o, 45%, 43%  hsv(210o, 45%, 43%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 7.926, 8.583 15.991 xyY 0.24, 0.26, 8.58 Hunter-Lab 29.3, -1.44, -13.97 CMY 76%, 67%, 57% Lab 34.93, -4.21, -17.6 Binario color 3C 55 6E 111100 1010101 1101110

Tonos y tintes de #3C556E

---

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

Variación del color del matiz #3C556E

#596F84 rgb (89,111,132) #596F84 #728596 rgb (114,133,150) #728596 #8797A6 rgb (135,151,166) #8797A6 #99A7B3 rgb (153,167,179) #99A7B3 #A8B4BE rgb (168,180,190) #A8B4BE #B5BFC8 rgb (181,191,200) #B5BFC8 #C0C9D0 rgb (192,201,208) #C0C9D0 #C9D1D7 rgb (201,209,215) #C9D1D7 #D1D8DD rgb (209,216,221) #D1D8DD #D8DEE2 rgb (216,222,226) #D8DEE2

Variación del color de la sombra

#33485E rgb (51,72,94) #33485E #2B3D50 rgb (43,61,80) #2B3D50 #253444 rgb (37,52,68) #253444 #1F2C3A rgb (31,44,58) #1F2C3A #1A2531 rgb (26,37,49) #1A2531 #161F2A rgb (22,31,42) #161F2A #131A24 rgb (19,26,36) #131A24 #10161F rgb (16,22,31) #10161F #0E131A rgb (14,19,26) #0E131A #0C1016 rgb (12,16,22) #0C1016

Tonos de #3C556E

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

#435970 rgb (67,89,112) #435970 #495D72 rgb (73,93,114) #495D72 #4F6173 rgb (79,97,115) #4F6173 #546474 rgb (84,100,116) #546474 #586775 rgb (88,103,117) #586775 #5C6A76 rgb (92,106,118) #5C6A76 #606C77 rgb (96,108,119) #606C77 #636E78 rgb (99,110,120) #636E78 #667079 rgb (102,112,121) #667079 #69727A rgb (105,114,122) #69727A

Alternativas a #3C556E

---

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

#3C196E rgb (60,25,110) #3C196E #3C2D6E rgb (60,45,110) #3C2D6E #3C416E rgb (60,65,110) #3C416E #3C696E rgb (60,105,110) #3C696E #3C7D6E rgb (60,125,110) #3C7D6E #3C916E rgb (60,145,110) #3C916E

Uso rapido #3C556E

---

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

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

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

Código preformateado 3C556E	código para script / programming
HTML, CSS:	= #3C556E; rgb(60, 85, 110)
Java:	= new Color(60, 85, 110)
.NET:	= Color.FromArgb (60, 85, 110);
Xojo:	= rgb (60, 85, 110, 0);
openGL:	= glColor3f (0.24f, 0.33f, 0.43f);
Swift:	= UIColor(red:0.24, green:0.33, blue:0.43, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.24 green:0.33 blue:0.43 alpha:1.00000];

Esquemas de color con #3C556E

---

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: 45% tiene una saturación #3C556E. Añadiendo 45% + 10% = 55% de saturación para nuestro nuevo color #203447. Disminuyendo 45% - 10% = 35% de saturación para otros colores monocromáticos #607A94. #607a94 rgb (96,122,148) #607a94 35% saturación #60282e rgb (34,40,46) #60282e 25% saturación #203447 rgb (32,52,71) #203447 55% saturación #101f2e rgb (16,31,46) #101f2e 65% 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 #3C3C6E rgb (60,60,110) #3C3C6E 240o #3C556E rgb (60,85,110) #3C556E 210o #3C6E6E rgb (60,110,110) #3C6E6E 180o

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: #3C556E tiene un ángulo 210o. Añadiendo 210o + 180 o = 30o o para nuestro nuevo color complementario #6E553C. #3C556E rgb (60,85,110) #3C556E 210o #6E553C rgb (110,85,60) #6E553C 30o

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: #3C556E tiene un ángulo 210o. Añadiendo 210o + 180 o +30 o = 60 o para nuestro primer color complementario #6E6E3C. Disminuyendo 210o + 180 o -30 o = 360 o para el segundo color complementario #6E3C3C. #6E3C3C rgb (110,60,60) #6E3C3C 360o #3C556E rgb (60,85,110) #3C556E 210o #6E6E3C rgb (110,110,60) #6E6E3C 60o

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. #6E3C55 rgb (110,60,85) #6E3C55 330o #3C556E rgb (60,85,110) #3C556E 210o #556E3C rgb (85,110,60) #556E3C 90o

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. #6E3C55 rgb (110,60,85) #6E3C55 330o #3C556E rgb (60,85,110) #3C556E 210o #6E553C rgb (110,85,60) #6E553C 30o #3C6E55 rgb (60,110,85) #3C6E55 150o