#337BE6 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #337BE6

#337BE6

En un espacio de color RGB, hexadecimal #337BE6 se compone de 20% rojo, 48% verde y 90% azul. El código de color RGB está compuesto por un componente rojo 33 hexadecimal (51/255), un verde 7B (123/255) y un componente azul E6 (230/255). El código de color RGB decimal es rgb(51,123,230) En el espacio de color CMYK, se compone de 78% cian, 47% magenta, 0% amarillo y 10% negro. Tiene un ángulo de tono de 215.87o grados, una saturación de 78% y una luminosidad de 55%. El color seguro para la Web más cercano es: #3366ff rgb (51, 102, 255).

Conversión de color

---

Convertir color

---

El color hexadecimal #337BE6 tiene valores RGB de R: 51, G: 123, B: 230 y valores CMYK de C: 78, M: 47, Y: 0, K: 10. Su valor decimal es 3374054 y el código binario es 1100110111101111100110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 337BE6  #337BE6 RGB decimal 51, 123, 230  rgb(51, 123, 230) RGB % 20, 48, 90  rgb(20%, 48%, 90%) RGB Adobe 81, 122, 226 CMYK % 78, 47, 0, 10  78%, 47%, 0%, 10% HSL 215.87o, 78, 55  hsl(215.87o, 78%, 55%) HSV (HSB) 216o, 78%, 90%  hsv(216o, 78%, 90%)

Web Safe color #3366ff rgb (51, 102, 255) XYZ 22.731, 20.583 77.638 xyY 0.19, 0.17, 20.58 Hunter-Lab 45.37, 12.66, -74.95 CMY 80%, 52%, 10% Lab 51.53, 6.81, -61.88 Binario color 33 7B E6 110011 1111011 11100110

Tonos y tintes de #337BE6

---

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

Variación del color del matiz #337BE6

#528FEA rgb (82,143,234) #528FEA #6CA0ED rgb (108,160,237) #6CA0ED #82AEF0 rgb (130,174,240) #82AEF0 #95BAF2 rgb (149,186,242) #95BAF2 #A5C4F4 rgb (165,196,244) #A5C4F4 #B3CDF6 rgb (179,205,246) #B3CDF6 #BED5F7 rgb (190,213,247) #BED5F7 #C8DBF8 rgb (200,219,248) #C8DBF8 #D0E0F9 rgb (208,224,249) #D0E0F9 #D7E5FA rgb (215,229,250) #D7E5FA

Variación del color de la sombra

#2B69C4 rgb (43,105,196) #2B69C4 #2559A7 rgb (37,89,167) #2559A7 #1F4C8E rgb (31,76,142) #1F4C8E #1A4179 rgb (26,65,121) #1A4179 #163767 rgb (22,55,103) #163767 #132F58 rgb (19,47,88) #132F58 #10284B rgb (16,40,75) #10284B #0E2240 rgb (14,34,64) #0E2240 #0C1D36 rgb (12,29,54) #0C1D36 #0A192E rgb (10,25,46) #0A192E

Tonos de #337BE6

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

#3B7CDC rgb (59,124,220) #3B7CDC #427CD3 rgb (66,124,211) #427CD3 #487CCB rgb (72,124,203) #487CCB #4E7CC4 rgb (78,124,196) #4E7CC4 #537CBD rgb (83,124,189) #537CBD #587CB7 rgb (88,124,183) #587CB7 #5C7CB2 rgb (92,124,178) #5C7CB2 #607CAD rgb (96,124,173) #607CAD #637CA9 rgb (99,124,169) #637CA9 #667CA5 rgb (102,124,165) #667CA5

Alternativas a #337BE6

---

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

#333FE6 rgb (51,63,230) #333FE6 #3353E6 rgb (51,83,230) #3353E6 #3367E6 rgb (51,103,230) #3367E6 #338FE6 rgb (51,143,230) #338FE6 #33A3E6 rgb (51,163,230) #33A3E6 #33B7E6 rgb (51,183,230) #33B7E6

Uso rapido #337BE6

---

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

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

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

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

Esquemas de color con #337BE6

---

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: 78% tiene una saturación #337BE6. Añadiendo 78% + 10% = 88% de saturación para nuestro nuevo color #175ABF. Disminuyendo 78% - 10% = 68% de saturación para otros colores monocromáticos #5297FF. #5297ff rgb (82,151,255) #5297ff 68% saturación #526ca6 rgb (70,108,166) #526ca6 58% saturación #175abf rgb (23,90,191) #175abf 88% saturación #0344a6 rgb (3,68,166) #0344a6 98% 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 #4432E6 rgb (68,50,230) #4432E6 246o #337BE6 rgb (51,123,230) #337BE6 216o #32D4E6 rgb (50,212,230) #32D4E6 186o

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: #337BE6 tiene un ángulo 216o. Añadiendo 216o + 180 o = 36o o para nuestro nuevo color complementario #E69E32. #337BE6 rgb (51,123,230) #337BE6 216o #E69E32 rgb (230,158,50) #E69E32 36o

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: #337BE6 tiene un ángulo 216o. Añadiendo 216o + 180 o +30 o = 66 o para nuestro primer color complementario #D4E632. Disminuyendo 216o + 180 o -30 o = 6 o para el segundo color complementario #E64432. #E64432 rgb (230,68,50) #E64432 6o #337BE6 rgb (51,123,230) #337BE6 216o #D4E632 rgb (212,230,50) #D4E632 66o

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. #E6327A rgb (230,50,122) #E6327A 336o #337BE6 rgb (51,123,230) #337BE6 216o #7AE632 rgb (122,230,50) #7AE632 96o

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. #E6327A rgb (230,50,122) #E6327A 336o #337BE6 rgb (51,123,230) #337BE6 216o #E69E32 rgb (230,158,50) #E69E32 36o #32E69E rgb (50,230,158) #32E69E 156o