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

#20BA55

En un espacio de color RGB, hexadecimal #20BA55 se compone de 13% rojo, 73% verde y 33% azul. El código de color RGB está compuesto por un componente rojo 20 hexadecimal (32/255), un verde BA (186/255) y un componente azul 55 (85/255). El código de color RGB decimal es rgb(32,186,85) En el espacio de color CMYK, se compone de 83% cian, 0% magenta, 54% amarillo y 27% negro. Tiene un ángulo de tono de 140.65o grados, una saturación de 71% y una luminosidad de 43%. El color seguro para la Web más cercano es: #33cc66 rgb (51, 204, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #20BA55 tiene valores RGB de R: 32, G: 186, B: 85 y valores CMYK de C: 83, M: 0, Y: 54, K: 27. Su valor decimal es 2144853 y el código binario es 1000001011101001010101
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 20BA55  #20BA55 RGB decimal 32, 186, 85  rgb(32, 186, 85) RGB % 13, 73, 33  rgb(13%, 73%, 33%) RGB Adobe 108, 185, 92 CMYK % 83, 0, 54, 27  83%, 0%, 54%, 27% HSL 140.65o, 71, 43  hsl(140.65o, 71%, 43%) HSV (HSB) 141o, 83%, 73%  hsv(141o, 83%, 73%)

Web Safe color #33cc66 rgb (51, 204, 102) XYZ 19.794, 36.081 14.515 xyY 0.28, 0.51, 36.08 Hunter-Lab 60.07, -43.77, 25.39 CMY 87%, 27%, 67% Lab 66.58, -55.88, 39.36 Binario color 20 BA 55 100000 10111010 1010101

Tonos y tintes de #20BA55

---

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

Variación del color del matiz #20BA55

#41C46F rgb (65,196,111) #41C46F #5ECD85 rgb (94,205,133) #5ECD85 #76D597 rgb (118,213,151) #76D597 #8BDBA7 rgb (139,219,167) #8BDBA7 #9CE0B4 rgb (156,224,180) #9CE0B4 #ABE5BF rgb (171,229,191) #ABE5BF #B8E9C9 rgb (184,233,201) #B8E9C9 #C3ECD1 rgb (195,236,209) #C3ECD1 #CCEFD8 rgb (204,239,216) #CCEFD8 #D4F1DE rgb (212,241,222) #D4F1DE

Variación del color de la sombra

#1B9E48 rgb (27,158,72) #1B9E48 #17863D rgb (23,134,61) #17863D #147234 rgb (20,114,52) #147234 #11612C rgb (17,97,44) #11612C #0E5225 rgb (14,82,37) #0E5225 #0C461F rgb (12,70,31) #0C461F #0A3C1A rgb (10,60,26) #0A3C1A #093316 rgb (9,51,22) #093316 #082B13 rgb (8,43,19) #082B13 #072510 rgb (7,37,16) #072510

Tonos de #20BA55

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

#2AB459 rgb (42,180,89) #2AB459 #33AF5D rgb (51,175,93) #33AF5D #3BAA61 rgb (59,170,97) #3BAA61 #42A664 rgb (66,166,100) #42A664 #48A267 rgb (72,162,103) #48A267 #4E9F6A rgb (78,159,106) #4E9F6A #539C6C rgb (83,156,108) #539C6C #58996E rgb (88,153,110) #58996E #5C9770 rgb (92,151,112) #5C9770 #609572 rgb (96,149,114) #609572

Alternativas a #20BA55

---

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

#207E55 rgb (32,126,85) #207E55 #209255 rgb (32,146,85) #209255 #20A655 rgb (32,166,85) #20A655 #20CE55 rgb (32,206,85) #20CE55 #20E255 rgb (32,226,85) #20E255 #20F655 rgb (32,246,85) #20F655

Uso rapido #20BA55

---

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

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

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

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

Esquemas de color con #20BA55

---

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: 83% tiene una saturación #20BA55. Añadiendo 83% + 10% = 93% de saturación para nuestro nuevo color #0A943A. Disminuyendo 83% - 10% = 73% de saturación para otros colores monocromáticos #3DE076. #3de076 rgb (61,224,118) #3de076 73% saturación #3d7a48 rgb (45,122,72) #3d7a48 63% saturación #0a943a rgb (10,148,58) #0a943a 93% saturación #007a2b rgb (0,122,43) #007a2b 100% 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 #20BAA3 rgb (32,186,163) #20BAA3 171o #20BA55 rgb (32,186,85) #20BA55 141o #37BA20 rgb (55,186,32) #37BA20 111o

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: #20BA55 tiene un ángulo 141o. Añadiendo 141o + 180 o = 321o o para nuestro nuevo color complementario #BA2084. #20BA55 rgb (32,186,85) #20BA55 141o #BA2084 rgb (186,32,132) #BA2084 321o

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: #20BA55 tiene un ángulo 141o. Añadiendo 141o + 180 o +30 o = 351 o para nuestro primer color complementario #BA2037. Disminuyendo 141o + 180 o -30 o = 291 o para el segundo color complementario #A320BA. #A320BA rgb (163,32,186) #A320BA 291o #20BA55 rgb (32,186,85) #20BA55 141o #BA2037 rgb (186,32,55) #BA2037 351o

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. #5620BA rgb (86,32,186) #5620BA 261o #20BA55 rgb (32,186,85) #20BA55 141o #BA5620 rgb (186,86,32) #BA5620 21o

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. #5620BA rgb (86,32,186) #5620BA 261o #20BA55 rgb (32,186,85) #20BA55 141o #BA2084 rgb (186,32,132) #BA2084 321o #84BA20 rgb (132,186,32) #84BA20 81o