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

#335544

En un espacio de color RGB, hexadecimal #335544 se compone de 20% rojo, 33% verde y 27% azul. El código de color RGB está compuesto por un componente rojo 33 hexadecimal (51/255), un verde 55 (85/255) y un componente azul 44 (68/255). El código de color RGB decimal es rgb(51,85,68) En el espacio de color CMYK, se compone de 40% cian, 0% magenta, 20% amarillo y 67% negro. Tiene un ángulo de tono de 150o grados, una saturación de 25% y una luminosidad de 27%. El color seguro para la Web más cercano es: #336633 rgb (51, 102, 51).

Conversión de color

---

Convertir color

---

El color hexadecimal #335544 tiene valores RGB de R: 51, G: 85, B: 68 y valores CMYK de C: 40, M: 0, Y: 20, K: 67. Su valor decimal es 3364164 y el código binario es 1100110101010101000100
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 335544  #335544 RGB decimal 51, 85, 68  rgb(51, 85, 68) RGB % 20, 33, 27  rgb(20%, 33%, 27%) RGB Adobe 65, 86, 71 CMYK % 40, 0, 20, 67  40%, 0%, 20%, 67% HSL 150o, 25, 27  hsl(150o, 25%, 27%) HSV (HSB) 150o, 40%, 33%  hsv(150o, 40%, 33%)

Web Safe color #336633 rgb (51, 102, 51) XYZ 5.657, 7.618 6.641 xyY 0.28, 0.38, 7.62 Hunter-Lab 27.6, -10.4, 3.69 CMY 80%, 67%, 73% Lab 33.13, -16.23, 5.87 Binario color 33 55 44 110011 1010101 1000100

Tonos y tintes de #335544

---

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

Variación del color del matiz #335544

#526F60 rgb (82,111,96) #526F60 #6C8578 rgb (108,133,120) #6C8578 #82978C rgb (130,151,140) #82978C #95A79D rgb (149,167,157) #95A79D #A5B4AC rgb (165,180,172) #A5B4AC #B3BFB8 rgb (179,191,184) #B3BFB8 #BEC9C3 rgb (190,201,195) #BEC9C3 #C8D1CC rgb (200,209,204) #C8D1CC #D0D8D4 rgb (208,216,212) #D0D8D4 #D7DEDA rgb (215,222,218) #D7DEDA

Variación del color de la sombra

#2B483A rgb (43,72,58) #2B483A #253D31 rgb (37,61,49) #253D31 #1F342A rgb (31,52,42) #1F342A #1A2C24 rgb (26,44,36) #1A2C24 #16251F rgb (22,37,31) #16251F #131F1A rgb (19,31,26) #131F1A #101A16 rgb (16,26,22) #101A16 #0E1613 rgb (14,22,19) #0E1613 #0C1310 rgb (12,19,16) #0C1310 #0A100E rgb (10,16,14) #0A100E

Tonos de #335544

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

#3B594A rgb (59,89,74) #3B594A #425D4F rgb (66,93,79) #425D4F #486154 rgb (72,97,84) #486154 #4E6458 rgb (78,100,88) #4E6458 #53675C rgb (83,103,92) #53675C #586A60 rgb (88,106,96) #586A60 #5C6C63 rgb (92,108,99) #5C6C63 #606E66 rgb (96,110,102) #606E66 #637069 rgb (99,112,105) #637069 #66726B rgb (102,114,107) #66726B

Alternativas a #335544

---

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

#331944 rgb (51,25,68) #331944 #332D44 rgb (51,45,68) #332D44 #334144 rgb (51,65,68) #334144 #336944 rgb (51,105,68) #336944 #337D44 rgb (51,125,68) #337D44 #339144 rgb (51,145,68) #339144

Uso rapido #335544

---

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

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

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

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

Esquemas de color con #335544

---

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: 40% tiene una saturación #335544. Añadiendo 40% + 10% = 50% de saturación para nuestro nuevo color #172E22. Disminuyendo 40% - 10% = 30% de saturación para otros colores monocromáticos #567A68. #567a68 rgb (86,122,104) #567a68 30% saturación #561412 rgb (16,20,18) #561412 20% saturación #172e22 rgb (23,46,34) #172e22 50% saturación #08140e rgb (8,20,14) #08140e 60% 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 #325454 rgb (50,84,84) #325454 180o #335544 rgb (51,85,68) #335544 150o #325432 rgb (50,84,50) #325432 120o

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: #335544 tiene un ángulo 150o. Añadiendo 150o + 180 o = 330o o para nuestro nuevo color complementario #543243. #335544 rgb (51,85,68) #335544 150o #543243 rgb (84,50,67) #543243 330o

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: #335544 tiene un ángulo 150o. Añadiendo 150o + 180 o +30 o = 360 o para nuestro primer color complementario #543232. Disminuyendo 150o + 180 o -30 o = 300 o para el segundo color complementario #543254. #543254 rgb (84,50,84) #543254 300o #335544 rgb (51,85,68) #335544 150o #543232 rgb (84,50,50) #543232 360o

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. #433254 rgb (67,50,84) #433254 270o #335544 rgb (51,85,68) #335544 150o #544332 rgb (84,67,50) #544332 30o

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. #433254 rgb (67,50,84) #433254 270o #335544 rgb (51,85,68) #335544 150o #543243 rgb (84,50,67) #543243 330o #435432 rgb (67,84,50) #435432 90o