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

#2F6A55

En un espacio de color RGB, hexadecimal #2F6A55 se compone de 18% rojo, 42% verde y 33% azul. El código de color RGB está compuesto por un componente rojo 2F hexadecimal (47/255), un verde 6A (106/255) y un componente azul 55 (85/255). El código de color RGB decimal es rgb(47,106,85) En el espacio de color CMYK, se compone de 56% cian, 0% magenta, 20% amarillo y 58% negro. Tiene un ángulo de tono de 158.64o grados, una saturación de 39% y una luminosidad de 30%. El color seguro para la Web más cercano es: #336666 rgb (51, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #2F6A55 tiene valores RGB de R: 47, G: 106, B: 85 y valores CMYK de C: 56, M: 0, Y: 20, K: 58. Su valor decimal es 3107413 y el código binario es 1011110110101001010101
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 2F6A55  #2F6A55 RGB decimal 47, 106, 85  rgb(47, 106, 85) RGB % 18, 42, 33  rgb(18%, 42%, 33%) RGB Adobe 72, 106, 87 CMYK % 56, 0, 20, 58  56%, 0%, 20%, 58% HSL 158.64o, 39, 30  hsl(158.64o, 39%, 30%) HSV (HSB) 159o, 56%, 42%  hsv(159o, 56%, 42%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 7.966, 11.568 10.407 xyY 0.27, 0.39, 11.57 Hunter-Lab 34.01, -16.15, 3.96 CMY 82%, 58%, 67% Lab 40.44, -24.37, 5.71 Binario color 2F 6A 55 101111 1101010 1010101

Tonos y tintes de #2F6A55

---

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

Variación del color del matiz #2F6A55

#4E806F rgb (78,128,111) #4E806F #699385 rgb (105,147,133) #699385 #80A397 rgb (128,163,151) #80A397 #93B1A7 rgb (147,177,167) #93B1A7 #A3BDB4 rgb (163,189,180) #A3BDB4 #B1C7BF rgb (177,199,191) #B1C7BF #BDCFC9 rgb (189,207,201) #BDCFC9 #C7D6D1 rgb (199,214,209) #C7D6D1 #CFDCD8 rgb (207,220,216) #CFDCD8 #D6E1DE rgb (214,225,222) #D6E1DE

Variación del color de la sombra

#285A48 rgb (40,90,72) #285A48 #224D3D rgb (34,77,61) #224D3D #1D4134 rgb (29,65,52) #1D4134 #19372C rgb (25,55,44) #19372C #152F25 rgb (21,47,37) #152F25 #12281F rgb (18,40,31) #12281F #0F221A rgb (15,34,26) #0F221A #0D1D16 rgb (13,29,22) #0D1D16 #0B1913 rgb (11,25,19) #0B1913 #091510 rgb (9,21,16) #091510

Tonos de #2F6A55

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

#376C59 rgb (55,108,89) #376C59 #3E6E5D rgb (62,110,93) #3E6E5D #457061 rgb (69,112,97) #457061 #4B7264 rgb (75,114,100) #4B7264 #507367 rgb (80,115,103) #507367 #55746A rgb (85,116,106) #55746A #59756C rgb (89,117,108) #59756C #5D766E rgb (93,118,110) #5D766E #617770 rgb (97,119,112) #617770 #647872 rgb (100,120,114) #647872

Alternativas a #2F6A55

---

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

#2F2E55 rgb (47,46,85) #2F2E55 #2F4255 rgb (47,66,85) #2F4255 #2F5655 rgb (47,86,85) #2F5655 #2F7E55 rgb (47,126,85) #2F7E55 #2F9255 rgb (47,146,85) #2F9255 #2FA655 rgb (47,166,85) #2FA655

Uso rapido #2F6A55

---

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

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

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

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

Esquemas de color con #2F6A55

---

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: 56% tiene una saturación #2F6A55. Añadiendo 56% + 10% = 66% de saturación para nuestro nuevo color #174535. Disminuyendo 56% - 10% = 46% de saturación para otros colores monocromáticos #4E917A. #4e917a rgb (78,145,122) #4e917a 46% saturación #4e2b26 rgb (28,43,38) #4e2b26 36% saturación #174535 rgb (23,69,53) #174535 66% saturación #0a2b20 rgb (10,43,32) #0a2b20 76% 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 #2F626B rgb (47,98,107) #2F626B 189o #2F6A55 rgb (47,106,85) #2F6A55 159o #2F6B38 rgb (47,107,56) #2F6B38 129o

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: #2F6A55 tiene un ángulo 159o. Añadiendo 159o + 180 o = 339o o para nuestro nuevo color complementario #6B2F44. #2F6A55 rgb (47,106,85) #2F6A55 159o #6B2F44 rgb (107,47,68) #6B2F44 339o

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: #2F6A55 tiene un ángulo 159o. Añadiendo 159o + 180 o +30 o = 9 o para nuestro primer color complementario #6B382F. Disminuyendo 159o + 180 o -30 o = 309 o para el segundo color complementario #6B2F62. #6B2F62 rgb (107,47,98) #6B2F62 309o #2F6A55 rgb (47,106,85) #2F6A55 159o #6B382F rgb (107,56,47) #6B382F 9o

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. #562F6B rgb (86,47,107) #562F6B 279o #2F6A55 rgb (47,106,85) #2F6A55 159o #6B562F rgb (107,86,47) #6B562F 39o

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. #562F6B rgb (86,47,107) #562F6B 279o #2F6A55 rgb (47,106,85) #2F6A55 159o #6B2F44 rgb (107,47,68) #6B2F44 339o #446B2F rgb (68,107,47) #446B2F 99o