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

#3684A0

En un espacio de color RGB, hexadecimal #3684A0 se compone de 21% rojo, 52% verde y 63% azul. El código de color RGB está compuesto por un componente rojo 36 hexadecimal (54/255), un verde 84 (132/255) y un componente azul A0 (160/255). El código de color RGB decimal es rgb(54,132,160) En el espacio de color CMYK, se compone de 66% cian, 18% magenta, 0% amarillo y 37% negro. Tiene un ángulo de tono de 195.85o grados, una saturación de 50% y una luminosidad de 42%. El color seguro para la Web más cercano es: #339999 rgb (51, 153, 153).

Conversión de color

---

Convertir color

---

El color hexadecimal #3684A0 tiene valores RGB de R: 54, G: 132, B: 160 y valores CMYK de C: 66, M: 18, Y: 0, K: 37. Su valor decimal es 3572896 y el código binario es 1101101000010010100000
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 3684A0  #3684A0 RGB decimal 54, 132, 160  rgb(54, 132, 160) RGB % 21, 52, 63  rgb(21%, 52%, 63%) RGB Adobe 86, 131, 158 CMYK % 66, 18, 0, 37  66%, 18%, 0%, 37% HSL 195.85o, 50, 42  hsl(195.85o, 50%, 42%) HSV (HSB) 196o, 66%, 63%  hsv(196o, 66%, 63%)

Web Safe color #339999 rgb (51, 153, 153) XYZ 16.118, 19.825 36.235 xyY 0.22, 0.27, 19.83 Hunter-Lab 44.53, -11.1, -20.26 CMY 79%, 48%, 37% Lab 51.26, -17.91, -22.52 Binario color 36 84 A0 110110 10000100 10100000

Tonos y tintes de #3684A0

---

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

Variación del color del matiz #3684A0

#5496AE rgb (84,150,174) #5496AE #6EA6BA rgb (110,166,186) #6EA6BA #84B3C4 rgb (132,179,196) #84B3C4 #96BECD rgb (150,190,205) #96BECD #A6C8D5 rgb (166,200,213) #A6C8D5 #B3D0DB rgb (179,208,219) #B3D0DB #BED7E0 rgb (190,215,224) #BED7E0 #C8DDE5 rgb (200,221,229) #C8DDE5 #D0E2E9 rgb (208,226,233) #D0E2E9 #D7E6EC rgb (215,230,236) #D7E6EC

Variación del color de la sombra

#2E7088 rgb (46,112,136) #2E7088 #275F74 rgb (39,95,116) #275F74 #215163 rgb (33,81,99) #215163 #1C4554 rgb (28,69,84) #1C4554 #183B47 rgb (24,59,71) #183B47 #14323C rgb (20,50,60) #14323C #112B33 rgb (17,43,51) #112B33 #0E252B rgb (14,37,43) #0E252B #0C1F25 rgb (12,31,37) #0C1F25 #0A1A1F rgb (10,26,31) #0A1A1F

Tonos de #3684A0

Se crea un tono agregando gris a cualquier tono puro. En este caso, #3D849D es el color menos saturado y #66848C es el más saturado.

#3D849D rgb (61,132,157) #3D849D #44849A rgb (68,132,154) #44849A #4A8497 rgb (74,132,151) #4A8497 #4F8495 rgb (79,132,149) #4F8495 #548493 rgb (84,132,147) #548493 #588491 rgb (88,132,145) #588491 #5C848F rgb (92,132,143) #5C848F #60848E rgb (96,132,142) #60848E #63848D rgb (99,132,141) #63848D #66848C rgb (102,132,140) #66848C

Alternativas a #3684A0

---

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

#3648A0 rgb (54,72,160) #3648A0 #365CA0 rgb (54,92,160) #365CA0 #3670A0 rgb (54,112,160) #3670A0 #3698A0 rgb (54,152,160) #3698A0 #36ACA0 rgb (54,172,160) #36ACA0 #36C0A0 rgb (54,192,160) #36C0A0

Uso rapido #3684A0

---

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

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

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

Código preformateado 3684A0	código para script / programming
HTML, CSS:	= #3684A0; rgb(54, 132, 160)
Java:	= new Color(54, 132, 160)
.NET:	= Color.FromArgb (54, 132, 160);
Xojo:	= rgb (54, 132, 160, 0);
openGL:	= glColor3f (0.21f, 0.52f, 0.63f);
Swift:	= UIColor(red:0.21, green:0.52, blue:0.63, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.21 green:0.52 blue:0.63 alpha:1.00000];

Esquemas de color con #3684A0

---

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: 66% tiene una saturación #3684A0. Añadiendo 66% + 10% = 76% de saturación para nuestro nuevo color #1D627A. Disminuyendo 66% - 10% = 56% de saturación para otros colores monocromáticos #58A9C7. #58a9c7 rgb (88,169,199) #58a9c7 56% saturación #585561 rgb (52,85,97) #585561 46% saturación #1d627a rgb (29,98,122) #1d627a 76% saturación #0e4b61 rgb (14,75,97) #0e4b61 86% 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 #374FA1 rgb (55,79,161) #374FA1 226o #3684A0 rgb (54,132,160) #3684A0 196o #37A188 rgb (55,161,136) #37A188 166o

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: #3684A0 tiene un ángulo 196o. Añadiendo 196o + 180 o = 16o o para nuestro nuevo color complementario #A15337. #3684A0 rgb (54,132,160) #3684A0 196o #A15337 rgb (161,83,55) #A15337 16o

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: #3684A0 tiene un ángulo 196o. Añadiendo 196o + 180 o +30 o = 46 o para nuestro primer color complementario #A18837. Disminuyendo 196o + 180 o -30 o = 346 o para el segundo color complementario #A1374F. #A1374F rgb (161,55,79) #A1374F 346o #3684A0 rgb (54,132,160) #3684A0 196o #A18837 rgb (161,136,55) #A18837 46o

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. #A13784 rgb (161,55,132) #A13784 316o #3684A0 rgb (54,132,160) #3684A0 196o #84A137 rgb (132,161,55) #84A137 76o

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. #A13784 rgb (161,55,132) #A13784 316o #3684A0 rgb (54,132,160) #3684A0 196o #A15337 rgb (161,83,55) #A15337 16o #37A153 rgb (55,161,83) #37A153 136o