#34575A color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #34575A

#34575A

En un espacio de color RGB, hexadecimal #34575A se compone de 20% rojo, 34% verde y 35% 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 5A (90/255). El código de color RGB decimal es rgb(52,87,90) En el espacio de color CMYK, se compone de 42% cian, 3% magenta, 0% amarillo y 65% negro. Tiene un ángulo de tono de 184.74o grados, una saturación de 27% y una luminosidad de 28%. El color seguro para la Web más cercano es: #336666 rgb (51, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #34575A tiene valores RGB de R: 52, G: 87, B: 90 y valores CMYK de C: 42, M: 3, Y: 0, K: 65. Su valor decimal es 3430234 y el código binario es 1101000101011101011010
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 34575A  #34575A RGB decimal 52, 87, 90  rgb(52, 87, 90) RGB % 20, 34, 35  rgb(20%, 34%, 35%) RGB Adobe 66, 88, 90 CMYK % 42, 3, 0, 65  42%, 3%, 0%, 65% HSL 184.74o, 27, 28  hsl(184.74o, 27%, 28%) HSV (HSB) 185o, 42%, 35%  hsv(185o, 42%, 35%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 6.67, 8.285 10.92 xyY 0.26, 0.32, 8.29 Hunter-Lab 28.78, -7.59, -4.06 CMY 80%, 66%, 65% Lab 34.43, -12.52, -5.97 Binario color 34 57 5A 110100 1010111 1011010

Tonos y tintes de #34575A

---

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

Variación del color del matiz #34575A

#527073 rgb (82,112,115) #527073 #6C8588 rgb (108,133,136) #6C8588 #82979A rgb (130,151,154) #82979A #95A7A9 rgb (149,167,169) #95A7A9 #A5B4B6 rgb (165,180,182) #A5B4B6 #B3BFC1 rgb (179,191,193) #B3BFC1 #BEC9CA rgb (190,201,202) #BEC9CA #C8D1D2 rgb (200,209,210) #C8D1D2 #D0D8D9 rgb (208,216,217) #D0D8D9 #D7DEDF rgb (215,222,223) #D7DEDF

Variación del color de la sombra

#2C4A4D rgb (44,74,77) #2C4A4D #253F41 rgb (37,63,65) #253F41 #1F3637 rgb (31,54,55) #1F3637 #1A2E2F rgb (26,46,47) #1A2E2F #162728 rgb (22,39,40) #162728 #132122 rgb (19,33,34) #132122 #101C1D rgb (16,28,29) #101C1D #0E1819 rgb (14,24,25) #0E1819 #0C1415 rgb (12,20,21) #0C1415 #0A1112 rgb (10,17,18) #0A1112

Tonos de #34575A

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

#3C5B5E rgb (60,91,94) #3C5B5E #435F61 rgb (67,95,97) #435F61 #496264 rgb (73,98,100) #496264 #4F6567 rgb (79,101,103) #4F6567 #54686A rgb (84,104,106) #54686A #586A6C rgb (88,106,108) #586A6C #5C6C6E rgb (92,108,110) #5C6C6E #606E70 rgb (96,110,112) #606E70 #637072 rgb (99,112,114) #637072 #667273 rgb (102,114,115) #667273

Alternativas a #34575A

---

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

#341B5A rgb (52,27,90) #341B5A #342F5A rgb (52,47,90) #342F5A #34435A rgb (52,67,90) #34435A #346B5A rgb (52,107,90) #346B5A #347F5A rgb (52,127,90) #347F5A #34935A rgb (52,147,90) #34935A

Uso rapido #34575A

---

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

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

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

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

Esquemas de color con #34575A

---

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: 42% tiene una saturación #34575A. Añadiendo 42% + 10% = 52% de saturación para nuestro nuevo color #183133. Disminuyendo 42% - 10% = 32% de saturación para otros colores monocromáticos #577C80. #577c80 rgb (87,124,128) #577c80 32% saturación #57191a rgb (20,25,26) #57191a 22% saturación #183133 rgb (24,49,51) #183133 52% saturación #0a181a rgb (10,24,26) #0a181a 62% 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 #344359 rgb (52,67,89) #344359 215o #34575A rgb (52,87,90) #34575A 185o #34594A rgb (52,89,74) #34594A 155o

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: #34575A tiene un ángulo 185o. Añadiendo 185o + 180 o = 5o o para nuestro nuevo color complementario #593734. #34575A rgb (52,87,90) #34575A 185o #593734 rgb (89,55,52) #593734 5o

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: #34575A tiene un ángulo 185o. Añadiendo 185o + 180 o +30 o = 35 o para nuestro primer color complementario #594A34. Disminuyendo 185o + 180 o -30 o = 335 o para el segundo color complementario #593443. #593443 rgb (89,52,67) #593443 335o #34575A rgb (52,87,90) #34575A 185o #594A34 rgb (89,74,52) #594A34 35o

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. #593456 rgb (89,52,86) #593456 305o #34575A rgb (52,87,90) #34575A 185o #565934 rgb (86,89,52) #565934 65o

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. #593456 rgb (89,52,86) #593456 305o #34575A rgb (52,87,90) #34575A 185o #593734 rgb (89,55,52) #593734 5o #345937 rgb (52,89,55) #345937 125o