#335A9E color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #335A9E

#335A9E

En un espacio de color RGB, hexadecimal #335A9E se compone de 20% rojo, 35% verde y 62% azul. El código de color RGB está compuesto por un componente rojo 33 hexadecimal (51/255), un verde 5A (90/255) y un componente azul 9E (158/255). El código de color RGB decimal es rgb(51,90,158) En el espacio de color CMYK, se compone de 68% cian, 43% magenta, 0% amarillo y 38% negro. Tiene un ángulo de tono de 218.13o grados, una saturación de 51% y una luminosidad de 41%. El color seguro para la Web más cercano es: #336699 rgb (51, 102, 153).

Conversión de color

---

Convertir color

---

El color hexadecimal #335A9E tiene valores RGB de R: 51, G: 90, B: 158 y valores CMYK de C: 68, M: 43, Y: 0, K: 38. Su valor decimal es 3365534 y el código binario es 1100110101101010011110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 335A9E  #335A9E RGB decimal 51, 90, 158  rgb(51, 90, 158) RGB % 20, 35, 62  rgb(20%, 35%, 62%) RGB Adobe 67, 90, 154 CMYK % 68, 43, 0, 38  68%, 43%, 0%, 38% HSL 218.13o, 51, 41  hsl(218.13o, 51%, 41%) HSV (HSB) 218o, 68%, 62%  hsv(218o, 68%, 62%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 11.193, 10.485 33.782 xyY 0.2, 0.19, 10.49 Hunter-Lab 32.38, 6.87, -42.53 CMY 80%, 65%, 38% Lab 38.09, 3.88, -41.88 Binario color 33 5A 9E 110011 1011010 10011110

Tonos y tintes de #335A9E

---

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

Variación del color del matiz #335A9E

#5273AD rgb (82,115,173) #5273AD #6C88B9 rgb (108,136,185) #6C88B9 #829AC4 rgb (130,154,196) #829AC4 #95A9CD rgb (149,169,205) #95A9CD #A5B6D5 rgb (165,182,213) #A5B6D5 #B3C1DB rgb (179,193,219) #B3C1DB #BECAE0 rgb (190,202,224) #BECAE0 #C8D2E5 rgb (200,210,229) #C8D2E5 #D0D9E9 rgb (208,217,233) #D0D9E9 #D7DFEC rgb (215,223,236) #D7DFEC

Variación del color de la sombra

#2B4D86 rgb (43,77,134) #2B4D86 #254172 rgb (37,65,114) #254172 #1F3761 rgb (31,55,97) #1F3761 #1A2F52 rgb (26,47,82) #1A2F52 #162846 rgb (22,40,70) #162846 #13223C rgb (19,34,60) #13223C #101D33 rgb (16,29,51) #101D33 #0E192B rgb (14,25,43) #0E192B #0C1525 rgb (12,21,37) #0C1525 #0A121F rgb (10,18,31) #0A121F

Tonos de #335A9E

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

#3B5E9B rgb (59,94,155) #3B5E9B #426198 rgb (66,97,152) #426198 #486496 rgb (72,100,150) #486496 #4E6794 rgb (78,103,148) #4E6794 #536A92 rgb (83,106,146) #536A92 #586C90 rgb (88,108,144) #586C90 #5C6E8E rgb (92,110,142) #5C6E8E #60708D rgb (96,112,141) #60708D #63728C rgb (99,114,140) #63728C #66738B rgb (102,115,139) #66738B

Alternativas a #335A9E

---

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

#331E9E rgb (51,30,158) #331E9E #33329E rgb (51,50,158) #33329E #33469E rgb (51,70,158) #33469E #336E9E rgb (51,110,158) #336E9E #33829E rgb (51,130,158) #33829E #33969E rgb (51,150,158) #33969E

Uso rapido #335A9E

---

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

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

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

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

Esquemas de color con #335A9E

---

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: 68% tiene una saturación #335A9E. Añadiendo 68% + 10% = 78% de saturación para nuestro nuevo color #1A3D78. Disminuyendo 68% - 10% = 58% de saturación para otros colores monocromáticos #527CC4. #527cc4 rgb (82,124,196) #527cc4 58% saturación #52425e rgb (49,66,94) #52425e 48% saturación #1a3d78 rgb (26,61,120) #1a3d78 78% saturación #0b2a5e rgb (11,42,94) #0b2a5e 88% 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 #41339E rgb (65,51,158) #41339E 248o #335A9E rgb (51,90,158) #335A9E 218o #33909E rgb (51,144,158) #33909E 188o

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: #335A9E tiene un ángulo 218o. Añadiendo 218o + 180 o = 38o o para nuestro nuevo color complementario #9E7733. #335A9E rgb (51,90,158) #335A9E 218o #9E7733 rgb (158,119,51) #9E7733 38o

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: #335A9E tiene un ángulo 218o. Añadiendo 218o + 180 o +30 o = 68 o para nuestro primer color complementario #909E33. Disminuyendo 218o + 180 o -30 o = 8 o para el segundo color complementario #9E4133. #9E4133 rgb (158,65,51) #9E4133 8o #335A9E rgb (51,90,158) #335A9E 218o #909E33 rgb (144,158,51) #909E33 68o

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. #9E335A rgb (158,51,90) #9E335A 338o #335A9E rgb (51,90,158) #335A9E 218o #5A9E33 rgb (90,158,51) #5A9E33 98o

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. #9E335A rgb (158,51,90) #9E335A 338o #335A9E rgb (51,90,158) #335A9E 218o #9E7733 rgb (158,119,51) #9E7733 38o #339E77 rgb (51,158,119) #339E77 158o