#307ED6 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #307ED6

#307ED6

En un espacio de color RGB, hexadecimal #307ED6 se compone de 19% rojo, 49% verde y 84% azul. El código de color RGB está compuesto por un componente rojo 30 hexadecimal (48/255), un verde 7E (126/255) y un componente azul D6 (214/255). El código de color RGB decimal es rgb(48,126,214) En el espacio de color CMYK, se compone de 78% cian, 41% magenta, 0% amarillo y 16% negro. Tiene un ángulo de tono de 211.81o grados, una saturación de 67% y una luminosidad de 51%. El color seguro para la Web más cercano es: #3366cc rgb (51, 102, 204).

Conversión de color

---

Convertir color

---

El color hexadecimal #307ED6 tiene valores RGB de R: 48, G: 126, B: 214 y valores CMYK de C: 78, M: 41, Y: 0, K: 16. Su valor decimal es 3178198 y el código binario es 1100000111111011010110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 307ED6  #307ED6 RGB decimal 48, 126, 214  rgb(48, 126, 214) RGB % 19, 49, 84  rgb(19%, 49%, 84%) RGB Adobe 81, 125, 210 CMYK % 78, 41, 0, 16  78%, 41%, 0%, 16% HSL 211.81o, 67, 51  hsl(211.81o, 67%, 51%) HSV (HSB) 212o, 78%, 84%  hsv(212o, 78%, 84%)

Web Safe color #3366cc rgb (51, 102, 204) XYZ 20.817, 20.405 66.46 xyY 0.19, 0.19, 20.41 Hunter-Lab 45.17, 5.71, -60.3 CMY 81%, 51%, 16% Lab 51.49, -0.21, -52.99 Binario color 30 7E D6 110000 1111110 11010110

Tonos y tintes de #307ED6

---

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

Variación del color del matiz #307ED6

#4F91DC rgb (79,145,220) #4F91DC #69A2E1 rgb (105,162,225) #69A2E1 #80B0E6 rgb (128,176,230) #80B0E6 #93BCEA rgb (147,188,234) #93BCEA #A3C6ED rgb (163,198,237) #A3C6ED #B1CFF0 rgb (177,207,240) #B1CFF0 #BDD6F2 rgb (189,214,242) #BDD6F2 #C7DCF4 rgb (199,220,244) #C7DCF4 #CFE1F6 rgb (207,225,246) #CFE1F6 #D6E6F7 rgb (214,230,247) #D6E6F7

Variación del color de la sombra

#296BB6 rgb (41,107,182) #296BB6 #235B9B rgb (35,91,155) #235B9B #1E4D84 rgb (30,77,132) #1E4D84 #1A4170 rgb (26,65,112) #1A4170 #16375F rgb (22,55,95) #16375F #132F51 rgb (19,47,81) #132F51 #102845 rgb (16,40,69) #102845 #0E223B rgb (14,34,59) #0E223B #0C1D32 rgb (12,29,50) #0C1D32 #0A192B rgb (10,25,43) #0A192B

Tonos de #307ED6

Se crea un tono agregando gris a cualquier tono puro. En este caso, #387ECD es el color menos saturado y #647E9E es el más saturado.

#387ECD rgb (56,126,205) #387ECD #3F7EC5 rgb (63,126,197) #3F7EC5 #467EBE rgb (70,126,190) #467EBE #4C7EB8 rgb (76,126,184) #4C7EB8 #517EB2 rgb (81,126,178) #517EB2 #567EAD rgb (86,126,173) #567EAD #5A7EA9 rgb (90,126,169) #5A7EA9 #5E7EA5 rgb (94,126,165) #5E7EA5 #617EA1 rgb (97,126,161) #617EA1 #647E9E rgb (100,126,158) #647E9E

Alternativas a #307ED6

---

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

#3042D6 rgb (48,66,214) #3042D6 #3056D6 rgb (48,86,214) #3056D6 #306AD6 rgb (48,106,214) #306AD6 #3092D6 rgb (48,146,214) #3092D6 #30A6D6 rgb (48,166,214) #30A6D6 #30BAD6 rgb (48,186,214) #30BAD6

Uso rapido #307ED6

---

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

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

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

Código preformateado 307ED6	código para script / programming
HTML, CSS:	= #307ED6; rgb(48, 126, 214)
Java:	= new Color(48, 126, 214)
.NET:	= Color.FromArgb (48, 126, 214);
Xojo:	= rgb (48, 126, 214, 0);
openGL:	= glColor3f (0.19f, 0.49f, 0.84f);
Swift:	= UIColor(red:0.19, green:0.49, blue:0.84, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.49 blue:0.84 alpha:1.00000];

Esquemas de color con #307ED6

---

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 #307ED6. Añadiendo 78% + 10% = 88% de saturación para nuestro nuevo color #155DB0. Disminuyendo 78% - 10% = 68% de saturación para otros colores monocromáticos #51A1FC. #51a1fc rgb (81,161,252) #51a1fc 68% saturación #516896 rgb (63,104,150) #516896 58% saturación #155db0 rgb (21,93,176) #155db0 88% saturación #034896 rgb (3,72,150) #034896 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 #352FD6 rgb (53,47,214) #352FD6 242o #307ED6 rgb (48,126,214) #307ED6 212o #2FD1D6 rgb (47,209,214) #2FD1D6 182o

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: #307ED6 tiene un ángulo 212o. Añadiendo 212o + 180 o = 32o o para nuestro nuevo color complementario #D6882F. #307ED6 rgb (48,126,214) #307ED6 212o #D6882F rgb (214,136,47) #D6882F 32o

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: #307ED6 tiene un ángulo 212o. Añadiendo 212o + 180 o +30 o = 62 o para nuestro primer color complementario #D1D62F. Disminuyendo 212o + 180 o -30 o = 2 o para el segundo color complementario #D6352F. #D6352F rgb (214,53,47) #D6352F 2o #307ED6 rgb (48,126,214) #307ED6 212o #D1D62F rgb (209,214,47) #D1D62F 62o

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. #D62F7D rgb (214,47,125) #D62F7D 332o #307ED6 rgb (48,126,214) #307ED6 212o #7DD62F rgb (125,214,47) #7DD62F 92o

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. #D62F7D rgb (214,47,125) #D62F7D 332o #307ED6 rgb (48,126,214) #307ED6 212o #D6882F rgb (214,136,47) #D6882F 32o #2FD688 rgb (47,214,136) #2FD688 152o