#2D3E55 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #2D3E55

#2D3E55

En un espacio de color RGB, hexadecimal #2D3E55 se compone de 18% rojo, 24% verde y 33% azul. El código de color RGB está compuesto por un componente rojo 2D hexadecimal (45/255), un verde 3E (62/255) y un componente azul 55 (85/255). El código de color RGB decimal es rgb(45,62,85) En el espacio de color CMYK, se compone de 47% cian, 27% magenta, 0% amarillo y 67% negro. Tiene un ángulo de tono de 214.5o grados, una saturación de 31% y una luminosidad de 25%. El color seguro para la Web más cercano es: #333366 rgb (51, 51, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #2D3E55 tiene valores RGB de R: 45, G: 62, B: 85 y valores CMYK de C: 47, M: 27, Y: 0, K: 67. Su valor decimal es 2965077 y el código binario es 1011010011111001010101
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 2D3E55  #2D3E55 RGB decimal 45, 62, 85  rgb(45, 62, 85) RGB % 18, 24, 33  rgb(18%, 24%, 33%) RGB Adobe 54, 64, 85 CMYK % 47, 27, 0, 67  47%, 27%, 0%, 67% HSL 214.5o, 31, 25  hsl(214.5o, 31%, 25%) HSV (HSB) 215o, 47%, 33%  hsv(215o, 47%, 33%)

Web Safe color #333366 rgb (51, 51, 102) XYZ 4.445, 4.659 9.259 xyY 0.24, 0.25, 4.66 Hunter-Lab 21.58, 0.14, -11.94 CMY 82%, 76%, 67% Lab 25.53, -1.7, -16.25 Binario color 2D 3E 55 101101 111110 1010101

Tonos y tintes de #2D3E55

---

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í: #090C10 es el color más oscuro y: #D6DADE es el más claro.

Variación del color del matiz #2D3E55

#4D5B6F rgb (77,91,111) #4D5B6F #687485 rgb (104,116,133) #687485 #7F8997 rgb (127,137,151) #7F8997 #929BA7 rgb (146,155,167) #929BA7 #A2AAB4 rgb (162,170,180) #A2AAB4 #B0B7BF rgb (176,183,191) #B0B7BF #BCC2C9 rgb (188,194,201) #BCC2C9 #C6CBD1 rgb (198,203,209) #C6CBD1 #CFD3D8 rgb (207,211,216) #CFD3D8 #D6DADE rgb (214,218,222) #D6DADE

Variación del color de la sombra

#263548 rgb (38,53,72) #263548 #202D3D rgb (32,45,61) #202D3D #1B2634 rgb (27,38,52) #1B2634 #17202C rgb (23,32,44) #17202C #141B25 rgb (20,27,37) #141B25 #11171F rgb (17,23,31) #11171F #0E141A rgb (14,20,26) #0E141A #0C1116 rgb (12,17,22) #0C1116 #0A0E13 rgb (10,14,19) #0A0E13 #090C10 rgb (9,12,16) #090C10

Tonos de #2D3E55

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

#354559 rgb (53,69,89) #354559 #3D4B5D rgb (61,75,93) #3D4B5D #445061 rgb (68,80,97) #445061 #4A5564 rgb (74,85,100) #4A5564 #4F5967 rgb (79,89,103) #4F5967 #545D6A rgb (84,93,106) #545D6A #58616C rgb (88,97,108) #58616C #5C646E rgb (92,100,110) #5C646E #606770 rgb (96,103,112) #606770 #636A72 rgb (99,106,114) #636A72

Alternativas a #2D3E55

---

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

#2D0255 rgb (45,2,85) #2D0255 #2D1655 rgb (45,22,85) #2D1655 #2D2A55 rgb (45,42,85) #2D2A55 #2D5255 rgb (45,82,85) #2D5255 #2D6655 rgb (45,102,85) #2D6655 #2D7A55 rgb (45,122,85) #2D7A55

Uso rapido #2D3E55

---

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

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

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

Código preformateado 2D3E55	código para script / programming
HTML, CSS:	= #2D3E55; rgb(45, 62, 85)
Java:	= new Color(45, 62, 85)
.NET:	= Color.FromArgb (45, 62, 85);
Xojo:	= rgb (45, 62, 85, 0);
openGL:	= glColor3f (0.18f, 0.24f, 0.33f);
Swift:	= UIColor(red:0.18, green:0.24, blue:0.33, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.18 green:0.24 blue:0.33 alpha:1.00000];

Esquemas de color con #2D3E55

---

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: 47% tiene una saturación #2D3E55. Añadiendo 47% + 10% = 57% de saturación para nuestro nuevo color #141F2E. Disminuyendo 47% - 10% = 37% de saturación para otros colores monocromáticos #4D607A. #4d607a rgb (77,96,122) #4d607a 37% saturación #4d1114 rgb (15,17,20) #4d1114 27% saturación #141f2e rgb (20,31,46) #141f2e 57% saturación #070c14 rgb (7,12,20) #070c14 67% 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 #302D54 rgb (48,45,84) #302D54 245o #2D3E55 rgb (45,62,85) #2D3E55 215o #2D5154 rgb (45,81,84) #2D5154 185o

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: #2D3E55 tiene un ángulo 215o. Añadiendo 215o + 180 o = 35o o para nuestro nuevo color complementario #54442D. #2D3E55 rgb (45,62,85) #2D3E55 215o #54442D rgb (84,68,45) #54442D 35o

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: #2D3E55 tiene un ángulo 215o. Añadiendo 215o + 180 o +30 o = 65 o para nuestro primer color complementario #51542D. Disminuyendo 215o + 180 o -30 o = 5 o para el segundo color complementario #54302D. #54302D rgb (84,48,45) #54302D 5o #2D3E55 rgb (45,62,85) #2D3E55 215o #51542D rgb (81,84,45) #51542D 65o

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. #542D3D rgb (84,45,61) #542D3D 335o #2D3E55 rgb (45,62,85) #2D3E55 215o #3D542D rgb (61,84,45) #3D542D 95o

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. #542D3D rgb (84,45,61) #542D3D 335o #2D3E55 rgb (45,62,85) #2D3E55 215o #54442D rgb (84,68,45) #54442D 35o #2D5444 rgb (45,84,68) #2D5444 155o