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

#34577B

En un espacio de color RGB, hexadecimal #34577B se compone de 20% rojo, 34% verde y 48% azul. El código de color RGB está compuesto por un componente rojo 34 hexadecimal (52/255), un verde 57 (87/255) y un componente azul 7B (123/255). El código de color RGB decimal es rgb(52,87,123) En el espacio de color CMYK, se compone de 58% cian, 29% magenta, 0% amarillo y 52% negro. Tiene un ángulo de tono de 210.42o grados, una saturación de 41% y una luminosidad de 34%. El color seguro para la Web más cercano es: #336666 rgb (51, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #34577B tiene valores RGB de R: 52, G: 87, B: 123 y valores CMYK de C: 58, M: 29, Y: 0, K: 52. Su valor decimal es 3430267 y el código binario es 1101000101011101111011
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 34577B  #34577B RGB decimal 52, 87, 123  rgb(52, 87, 123) RGB % 20, 34, 48  rgb(20%, 34%, 48%) RGB Adobe 66, 88, 121 CMYK % 58, 29, 0, 52  58%, 29%, 0%, 52% HSL 210.42o, 41, 34  hsl(210.42o, 41%, 34%) HSV (HSB) 210o, 58%, 48%  hsv(210o, 58%, 48%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 8.4, 8.977 20.029 xyY 0.22, 0.24, 8.98 Hunter-Lab 29.96, -0.8, -21.07 CMY 80%, 66%, 52% Lab 35.59, -4.28, -24.64 Binario color 34 57 7B 110100 1010111 1111011

Tonos y tintes de #34577B

---

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

Variación del color del matiz #34577B

#52708F rgb (82,112,143) #52708F #6C85A0 rgb (108,133,160) #6C85A0 #8297AE rgb (130,151,174) #8297AE #95A7BA rgb (149,167,186) #95A7BA #A5B4C4 rgb (165,180,196) #A5B4C4 #B3BFCD rgb (179,191,205) #B3BFCD #BEC9D5 rgb (190,201,213) #BEC9D5 #C8D1DB rgb (200,209,219) #C8D1DB #D0D8E0 rgb (208,216,224) #D0D8E0 #D7DEE5 rgb (215,222,229) #D7DEE5

Variación del color de la sombra

#2C4A69 rgb (44,74,105) #2C4A69 #253F59 rgb (37,63,89) #253F59 #1F364C rgb (31,54,76) #1F364C #1A2E41 rgb (26,46,65) #1A2E41 #162737 rgb (22,39,55) #162737 #13212F rgb (19,33,47) #13212F #101C28 rgb (16,28,40) #101C28 #0E1822 rgb (14,24,34) #0E1822 #0C141D rgb (12,20,29) #0C141D #0A1119 rgb (10,17,25) #0A1119

Tonos de #34577B

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

#3C5B7C rgb (60,91,124) #3C5B7C #435F7C rgb (67,95,124) #435F7C #49627C rgb (73,98,124) #49627C #4F657C rgb (79,101,124) #4F657C #54687C rgb (84,104,124) #54687C #586A7C rgb (88,106,124) #586A7C #5C6C7C rgb (92,108,124) #5C6C7C #606E7C rgb (96,110,124) #606E7C #63707C rgb (99,112,124) #63707C #66727C rgb (102,114,124) #66727C

Alternativas a #34577B

---

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

#341B7B rgb (52,27,123) #341B7B #342F7B rgb (52,47,123) #342F7B #34437B rgb (52,67,123) #34437B #346B7B rgb (52,107,123) #346B7B #347F7B rgb (52,127,123) #347F7B #34937B rgb (52,147,123) #34937B

Uso rapido #34577B

---

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

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

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

Código preformateado 34577B	código para script / programming
HTML, CSS:	= #34577B; rgb(52, 87, 123)
Java:	= new Color(52, 87, 123)
.NET:	= Color.FromArgb (52, 87, 123);
Xojo:	= rgb (52, 87, 123, 0);
openGL:	= glColor3f (0.2f, 0.34f, 0.48f);
Swift:	= UIColor(red:0.2, green:0.34, blue:0.48, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.34 blue:0.48 alpha:1.00000];

Esquemas de color con #34577B

---

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: 58% tiene una saturación #34577B. Añadiendo 58% + 10% = 68% de saturación para nuestro nuevo color #1B3854. Disminuyendo 58% - 10% = 48% de saturación para otros colores monocromáticos #547AA1. #547aa1 rgb (84,122,161) #547aa1 48% saturación #54303b rgb (36,48,59) #54303b 38% saturación #1b3854 rgb (27,56,84) #1b3854 68% saturación #0d243b rgb (13,36,59) #0d243b 78% 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 #33337A rgb (51,51,122) #33337A 240o #34577B rgb (52,87,123) #34577B 210o #337A7A rgb (51,122,122) #337A7A 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: #34577B tiene un ángulo 210o. Añadiendo 210o + 180 o = 30o o para nuestro nuevo color complementario #7A5733. #34577B rgb (52,87,123) #34577B 210o #7A5733 rgb (122,87,51) #7A5733 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: #34577B tiene un ángulo 210o. Añadiendo 210o + 180 o +30 o = 60 o para nuestro primer color complementario #7A7A33. Disminuyendo 210o + 180 o -30 o = 360 o para el segundo color complementario #7A3333. #7A3333 rgb (122,51,51) #7A3333 360o #34577B rgb (52,87,123) #34577B 210o #7A7A33 rgb (122,122,51) #7A7A33 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. #7A3357 rgb (122,51,87) #7A3357 330o #34577B rgb (52,87,123) #34577B 210o #577A33 rgb (87,122,51) #577A33 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. #7A3357 rgb (122,51,87) #7A3357 330o #34577B rgb (52,87,123) #34577B 210o #7A5733 rgb (122,87,51) #7A5733 30o #337A57 rgb (51,122,87) #337A57 150o