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

#48B577

En un espacio de color RGB, hexadecimal #48B577 se compone de 28% rojo, 71% verde y 47% azul. El código de color RGB está compuesto por un componente rojo 48 hexadecimal (72/255), un verde B5 (181/255) y un componente azul 77 (119/255). El código de color RGB decimal es rgb(72,181,119) En el espacio de color CMYK, se compone de 60% cian, 0% magenta, 34% amarillo y 29% negro. Tiene un ángulo de tono de 145.87o grados, una saturación de 43% y una luminosidad de 50%. El color seguro para la Web más cercano es: #33cc66 rgb (51, 204, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #48B577 tiene valores RGB de R: 72, G: 181, B: 119 y valores CMYK de C: 60, M: 0, Y: 34, K: 29. Su valor decimal es 4765047 y el código binario es 10010001011010101110111
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 48B577  #48B577 RGB decimal 72, 181, 119  rgb(72, 181, 119) RGB % 28, 71, 47  rgb(28%, 71%, 47%) RGB Adobe 116, 180, 122 CMYK % 60, 0, 34, 29  60%, 0%, 34%, 29% HSL 145.87o, 43, 50  hsl(145.87o, 43%, 50%) HSV (HSB) 146o, 60%, 71%  hsv(146o, 60%, 71%)

Web Safe color #33cc66 rgb (51, 204, 102) XYZ 22.526, 35.757 23.167 xyY 0.28, 0.44, 35.76 Hunter-Lab 59.8, -34.75, 16.23 CMY 72%, 29%, 53% Lab 66.28, -43.4, 22.02 Binario color 48 B5 77 1001000 10110101 1110111

Tonos y tintes de #48B577

---

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

Variación del color del matiz #48B577

#63C08B rgb (99,192,139) #63C08B #7AC99C rgb (122,201,156) #7AC99C #8ED1AB rgb (142,209,171) #8ED1AB #9FD8B8 rgb (159,216,184) #9FD8B8 #ADDEC3 rgb (173,222,195) #ADDEC3 #B9E3CC rgb (185,227,204) #B9E3CC #C4E7D4 rgb (196,231,212) #C4E7D4 #CDEBDA rgb (205,235,218) #CDEBDA #D5EEE0 rgb (213,238,224) #D5EEE0 #DBF1E5 rgb (219,241,229) #DBF1E5

Variación del color de la sombra

#3D9A65 rgb (61,154,101) #3D9A65 #348356 rgb (52,131,86) #348356 #2C6F49 rgb (44,111,73) #2C6F49 #255E3E rgb (37,94,62) #255E3E #1F5035 rgb (31,80,53) #1F5035 #1A442D rgb (26,68,45) #1A442D #163A26 rgb (22,58,38) #163A26 #133120 rgb (19,49,32) #133120 #102A1B rgb (16,42,27) #102A1B #0E2417 rgb (14,36,23) #0E2417

Tonos de #48B577

Se crea un tono agregando gris a cualquier tono puro. En este caso, #4EB078 es el color menos saturado y #6D937C es el más saturado.

#4EB078 rgb (78,176,120) #4EB078 #53AB79 rgb (83,171,121) #53AB79 #58A77A rgb (88,167,122) #58A77A #5CA37B rgb (92,163,123) #5CA37B #60A07C rgb (96,160,124) #60A07C #639D7C rgb (99,157,124) #639D7C #669A7C rgb (102,154,124) #669A7C #69977C rgb (105,151,124) #69977C #6B957C rgb (107,149,124) #6B957C #6D937C rgb (109,147,124) #6D937C

Alternativas a #48B577

---

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

#487977 rgb (72,121,119) #487977 #488D77 rgb (72,141,119) #488D77 #48A177 rgb (72,161,119) #48A177 #48C977 rgb (72,201,119) #48C977 #48DD77 rgb (72,221,119) #48DD77 #48F177 rgb (72,241,119) #48F177

Uso rapido #48B577

---

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

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

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

Código preformateado 48B577	código para script / programming
HTML, CSS:	= #48B577; rgb(72, 181, 119)
Java:	= new Color(72, 181, 119)
.NET:	= Color.FromArgb (72, 181, 119);
Xojo:	= rgb (72, 181, 119, 0);
openGL:	= glColor3f (0.28f, 0.71f, 0.47f);
Swift:	= UIColor(red:0.28, green:0.71, blue:0.47, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.28 green:0.71 blue:0.47 alpha:1.00000];

Esquemas de color con #48B577

---

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: 60% tiene una saturación #48B577. Añadiendo 60% + 10% = 70% de saturación para nuestro nuevo color #2B8F56. Disminuyendo 60% - 10% = 50% de saturación para otros colores monocromáticos #6EDB9D. #6edb9d rgb (110,219,157) #6edb9d 50% saturación #6e755b rgb (70,117,91) #6e755b 40% saturación #2b8f56 rgb (43,143,86) #2b8f56 70% saturación #177540 rgb (23,117,64) #177540 80% 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 #48B5AE rgb (72,181,174) #48B5AE 176o #48B577 rgb (72,181,119) #48B577 146o #50B548 rgb (80,181,72) #50B548 116o

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: #48B577 tiene un ángulo 146o. Añadiendo 146o + 180 o = 326o o para nuestro nuevo color complementario #B54886. #48B577 rgb (72,181,119) #48B577 146o #B54886 rgb (181,72,134) #B54886 326o

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: #48B577 tiene un ángulo 146o. Añadiendo 146o + 180 o +30 o = 356 o para nuestro primer color complementario #B54850. Disminuyendo 146o + 180 o -30 o = 296 o para el segundo color complementario #AE48B5. #AE48B5 rgb (174,72,181) #AE48B5 296o #48B577 rgb (72,181,119) #48B577 146o #B54850 rgb (181,72,80) #B54850 356o

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. #7748B5 rgb (119,72,181) #7748B5 266o #48B577 rgb (72,181,119) #48B577 146o #B57748 rgb (181,119,72) #B57748 26o

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. #7748B5 rgb (119,72,181) #7748B5 266o #48B577 rgb (72,181,119) #48B577 146o #B54886 rgb (181,72,134) #B54886 326o #86B548 rgb (134,181,72) #86B548 86o