#334E8B color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #334E8B

#334E8B

En un espacio de color RGB, hexadecimal #334E8B se compone de 20% rojo, 31% verde y 55% azul. El código de color RGB está compuesto por un componente rojo 33 hexadecimal (51/255), un verde 4E (78/255) y un componente azul 8B (139/255). El código de color RGB decimal es rgb(51,78,139) En el espacio de color CMYK, se compone de 63% cian, 44% magenta, 0% amarillo y 45% negro. Tiene un ángulo de tono de 221.59o grados, una saturación de 46% y una luminosidad de 37%. El color seguro para la Web más cercano es: #336699 rgb (51, 102, 153).

Conversión de color

---

Convertir color

---

El color hexadecimal #334E8B tiene valores RGB de R: 51, G: 78, B: 139 y valores CMYK de C: 63, M: 44, Y: 0, K: 45. Su valor decimal es 3362443 y el código binario es 1100110100111010001011
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 334E8B  #334E8B RGB decimal 51, 78, 139  rgb(51, 78, 139) RGB % 20, 31, 55  rgb(20%, 31%, 55%) RGB Adobe 62, 79, 136 CMYK % 63, 44, 0, 45  63%, 44%, 0%, 45% HSL 221.59o, 46, 37  hsl(221.59o, 46%, 37%) HSV (HSB) 222o, 63%, 55%  hsv(222o, 63%, 55%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 8.75, 8.017 25.512 xyY 0.21, 0.19, 8.02 Hunter-Lab 28.31, 7.24, -36.49 CMY 80%, 69%, 45% Lab 33.48, 5.43, -37.74 Binario color 33 4E 8B 110011 1001110 10001011

Tonos y tintes de #334E8B

---

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

Variación del color del matiz #334E8B

#52699C rgb (82,105,156) #52699C #6C80AB rgb (108,128,171) #6C80AB #8293B8 rgb (130,147,184) #8293B8 #95A3C3 rgb (149,163,195) #95A3C3 #A5B1CC rgb (165,177,204) #A5B1CC #B3BDD4 rgb (179,189,212) #B3BDD4 #BEC7DA rgb (190,199,218) #BEC7DA #C8CFE0 rgb (200,207,224) #C8CFE0 #D0D6E5 rgb (208,214,229) #D0D6E5 #D7DCE9 rgb (215,220,233) #D7DCE9

Variación del color de la sombra

#2B4276 rgb (43,66,118) #2B4276 #253864 rgb (37,56,100) #253864 #1F3055 rgb (31,48,85) #1F3055 #1A2948 rgb (26,41,72) #1A2948 #16233D rgb (22,35,61) #16233D #131E34 rgb (19,30,52) #131E34 #101A2C rgb (16,26,44) #101A2C #0E1625 rgb (14,22,37) #0E1625 #0C131F rgb (12,19,31) #0C131F #0A101A rgb (10,16,26) #0A101A

Tonos de #334E8B

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

#3B538A rgb (59,83,138) #3B538A #425889 rgb (66,88,137) #425889 #485C88 rgb (72,92,136) #485C88 #4E6087 rgb (78,96,135) #4E6087 #536386 rgb (83,99,134) #536386 #586685 rgb (88,102,133) #586685 #5C6985 rgb (92,105,133) #5C6985 #606B85 rgb (96,107,133) #606B85 #636D85 rgb (99,109,133) #636D85 #666F85 rgb (102,111,133) #666F85

Alternativas a #334E8B

---

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

#33128B rgb (51,18,139) #33128B #33268B rgb (51,38,139) #33268B #333A8B rgb (51,58,139) #333A8B #33628B rgb (51,98,139) #33628B #33768B rgb (51,118,139) #33768B #338A8B rgb (51,138,139) #338A8B

Uso rapido #334E8B

---

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

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

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

Código preformateado 334E8B	código para script / programming
HTML, CSS:	= #334E8B; rgb(51, 78, 139)
Java:	= new Color(51, 78, 139)
.NET:	= Color.FromArgb (51, 78, 139);
Xojo:	= rgb (51, 78, 139, 0);
openGL:	= glColor3f (0.2f, 0.31f, 0.55f);
Swift:	= UIColor(red:0.2, green:0.31, blue:0.55, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.31 blue:0.55 alpha:1.00000];

Esquemas de color con #334E8B

---

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: 63% tiene una saturación #334E8B. Añadiendo 63% + 10% = 73% de saturación para nuestro nuevo color #1C3266. Disminuyendo 63% - 10% = 53% de saturación para otros colores monocromáticos #5470B3. #5470b3 rgb (84,112,179) #5470b3 53% saturación #54354d rgb (44,53,77) #54354d 43% saturación #1c3266 rgb (28,50,102) #1c3266 73% saturación #0d204d rgb (13,32,77) #0d204d 83% 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 #46348C rgb (70,52,140) #46348C 252o #334E8B rgb (51,78,139) #334E8B 222o #347B8C rgb (52,123,140) #347B8C 192o

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: #334E8B tiene un ángulo 222o. Añadiendo 222o + 180 o = 42o o para nuestro nuevo color complementario #8C7234. #334E8B rgb (51,78,139) #334E8B 222o #8C7234 rgb (140,114,52) #8C7234 42o

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: #334E8B tiene un ángulo 222o. Añadiendo 222o + 180 o +30 o = 72 o para nuestro primer color complementario #7B8C34. Disminuyendo 222o + 180 o -30 o = 12 o para el segundo color complementario #8C4634. #8C4634 rgb (140,70,52) #8C4634 12o #334E8B rgb (51,78,139) #334E8B 222o #7B8C34 rgb (123,140,52) #7B8C34 72o

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. #8C344E rgb (140,52,78) #8C344E 342o #334E8B rgb (51,78,139) #334E8B 222o #4E8C34 rgb (78,140,52) #4E8C34 102o

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. #8C344E rgb (140,52,78) #8C344E 342o #334E8B rgb (51,78,139) #334E8B 222o #8C7234 rgb (140,114,52) #8C7234 42o #348C72 rgb (52,140,114) #348C72 162o