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

#376AA5

En un espacio de color RGB, hexadecimal #376AA5 se compone de 22% rojo, 42% verde y 65% azul. El código de color RGB está compuesto por un componente rojo 37 hexadecimal (55/255), un verde 6A (106/255) y un componente azul A5 (165/255). El código de color RGB decimal es rgb(55,106,165) En el espacio de color CMYK, se compone de 67% cian, 36% magenta, 0% amarillo y 35% negro. Tiene un ángulo de tono de 212.18o grados, una saturación de 50% y una luminosidad de 43%. El color seguro para la Web más cercano es: #336699 rgb (51, 102, 153).

Conversión de color

---

Convertir color

---

El color hexadecimal #376AA5 tiene valores RGB de R: 55, G: 106, B: 165 y valores CMYK de C: 67, M: 36, Y: 0, K: 35. Su valor decimal es 3631781 y el código binario es 1101110110101010100101
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 376AA5  #376AA5 RGB decimal 55, 106, 165  rgb(55, 106, 165) RGB % 22, 42, 65  rgb(22%, 42%, 65%) RGB Adobe 75, 106, 162 CMYK % 67, 36, 0, 35  67%, 36%, 0%, 35% HSL 212.18o, 50, 43  hsl(212.18o, 50%, 43%) HSV (HSB) 212o, 67%, 65%  hsv(212o, 67%, 65%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 13.521, 13.837 37.555 xyY 0.21, 0.21, 13.84 Hunter-Lab 37.2, 1.8, -37.22 CMY 78%, 58%, 35% Lab 43.45, -2.54, -37.53 Binario color 37 6A A5 110111 1101010 10100101

Tonos y tintes de #376AA5

---

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

Variación del color del matiz #376AA5

#5580B3 rgb (85,128,179) #5580B3 #6F93BE rgb (111,147,190) #6F93BE #85A3C8 rgb (133,163,200) #85A3C8 #97B1D0 rgb (151,177,208) #97B1D0 #A7BDD7 rgb (167,189,215) #A7BDD7 #B4C7DD rgb (180,199,221) #B4C7DD #BFCFE2 rgb (191,207,226) #BFCFE2 #C9D6E6 rgb (201,214,230) #C9D6E6 #D1DCEA rgb (209,220,234) #D1DCEA #D8E1ED rgb (216,225,237) #D8E1ED

Variación del color de la sombra

#2F5A8C rgb (47,90,140) #2F5A8C #284D77 rgb (40,77,119) #284D77 #224165 rgb (34,65,101) #224165 #1D3756 rgb (29,55,86) #1D3756 #192F49 rgb (25,47,73) #192F49 #15283E rgb (21,40,62) #15283E #122235 rgb (18,34,53) #122235 #0F1D2D rgb (15,29,45) #0F1D2D #0D1926 rgb (13,25,38) #0D1926 #0B1520 rgb (11,21,32) #0B1520

Tonos de #376AA5

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

#3E6CA1 rgb (62,108,161) #3E6CA1 #456E9E rgb (69,110,158) #456E9E #4B709B rgb (75,112,155) #4B709B #507298 rgb (80,114,152) #507298 #557396 rgb (85,115,150) #557396 #597494 rgb (89,116,148) #597494 #5D7592 rgb (93,117,146) #5D7592 #617690 rgb (97,118,144) #617690 #64778E rgb (100,119,142) #64778E #67788D rgb (103,120,141) #67788D

Alternativas a #376AA5

---

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

#372EA5 rgb (55,46,165) #372EA5 #3742A5 rgb (55,66,165) #3742A5 #3756A5 rgb (55,86,165) #3756A5 #377EA5 rgb (55,126,165) #377EA5 #3792A5 rgb (55,146,165) #3792A5 #37A6A5 rgb (55,166,165) #37A6A5

Uso rapido #376AA5

---

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

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

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

Código preformateado 376AA5	código para script / programming
HTML, CSS:	= #376AA5; rgb(55, 106, 165)
Java:	= new Color(55, 106, 165)
.NET:	= Color.FromArgb (55, 106, 165);
Xojo:	= rgb (55, 106, 165, 0);
openGL:	= glColor3f (0.22f, 0.42f, 0.65f);
Swift:	= UIColor(red:0.22, green:0.42, blue:0.65, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.22 green:0.42 blue:0.65 alpha:1.00000];

Esquemas de color con #376AA5

---

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: 67% tiene una saturación #376AA5. Añadiendo 67% + 10% = 77% de saturación para nuestro nuevo color #1D4B80. Disminuyendo 67% - 10% = 57% de saturación para otros colores monocromáticos #588ECC. #588ecc rgb (88,142,204) #588ecc 57% saturación #584c66 rgb (54,76,102) #584c66 47% saturación #1d4b80 rgb (29,75,128) #1d4b80 77% saturación #0d3766 rgb (13,55,102) #0d3766 87% 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 #3A37A6 rgb (58,55,166) #3A37A6 242o #376AA5 rgb (55,106,165) #376AA5 212o #37A2A6 rgb (55,162,166) #37A2A6 182o

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: #376AA5 tiene un ángulo 212o. Añadiendo 212o + 180 o = 32o o para nuestro nuevo color complementario #A67237. #376AA5 rgb (55,106,165) #376AA5 212o #A67237 rgb (166,114,55) #A67237 32o

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: #376AA5 tiene un ángulo 212o. Añadiendo 212o + 180 o +30 o = 62 o para nuestro primer color complementario #A2A637. Disminuyendo 212o + 180 o -30 o = 2 o para el segundo color complementario #A63A37. #A63A37 rgb (166,58,55) #A63A37 2o #376AA5 rgb (55,106,165) #376AA5 212o #A2A637 rgb (162,166,55) #A2A637 62o

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. #A6376B rgb (166,55,107) #A6376B 332o #376AA5 rgb (55,106,165) #376AA5 212o #6BA637 rgb (107,166,55) #6BA637 92o

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. #A6376B rgb (166,55,107) #A6376B 332o #376AA5 rgb (55,106,165) #376AA5 212o #A67237 rgb (166,114,55) #A67237 32o #37A672 rgb (55,166,114) #37A672 152o