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

#20A17F

En un espacio de color RGB, hexadecimal #20A17F se compone de 13% rojo, 63% verde y 50% azul. El código de color RGB está compuesto por un componente rojo 20 hexadecimal (32/255), un verde A1 (161/255) y un componente azul 7F (127/255). El código de color RGB decimal es rgb(32,161,127) En el espacio de color CMYK, se compone de 80% cian, 0% magenta, 21% amarillo y 37% negro. Tiene un ángulo de tono de 164.19o grados, una saturación de 67% y una luminosidad de 38%. El color seguro para la Web más cercano es: #339966 rgb (51, 153, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #20A17F tiene valores RGB de R: 32, G: 161, B: 127 y valores CMYK de C: 80, M: 0, Y: 21, K: 37. Su valor decimal es 2138495 y el código binario es 1000001010000101111111
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 20A17F  #20A17F RGB decimal 32, 161, 127  rgb(32, 161, 127) RGB % 13, 63, 50  rgb(13%, 63%, 50%) RGB Adobe 94, 160, 128 CMYK % 80, 0, 21, 37  80%, 0%, 21%, 37% HSL 164.19o, 67, 38  hsl(164.19o, 67%, 38%) HSV (HSB) 164o, 80%, 63%  hsv(164o, 80%, 63%)

Web Safe color #339966 rgb (51, 153, 102) XYZ 17.171, 27.329 24.449 xyY 0.25, 0.4, 27.33 Hunter-Lab 52.28, -30.54, 6.25 CMY 87%, 37%, 50% Lab 59.12, -41.3, 7.72 Binario color 20 A1 7F 100000 10100001 1111111

Tonos y tintes de #20A17F

---

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

Variación del color del matiz #20A17F

#41AF92 rgb (65,175,146) #41AF92 #5EBBA2 rgb (94,187,162) #5EBBA2 #76C5B0 rgb (118,197,176) #76C5B0 #8BCEBC rgb (139,206,188) #8BCEBC #9CD5C6 rgb (156,213,198) #9CD5C6 #ABDBCF rgb (171,219,207) #ABDBCF #B8E0D6 rgb (184,224,214) #B8E0D6 #C3E5DC rgb (195,229,220) #C3E5DC #CCE9E1 rgb (204,233,225) #CCE9E1 #D4ECE6 rgb (212,236,230) #D4ECE6

Variación del color de la sombra

#1B896C rgb (27,137,108) #1B896C #17745C rgb (23,116,92) #17745C #14634E rgb (20,99,78) #14634E #115442 rgb (17,84,66) #115442 #0E4738 rgb (14,71,56) #0E4738 #0C3C30 rgb (12,60,48) #0C3C30 #0A3329 rgb (10,51,41) #0A3329 #092B23 rgb (9,43,35) #092B23 #08251E rgb (8,37,30) #08251E #071F1A rgb (7,31,26) #071F1A

Tonos de #20A17F

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

#2A9E7F rgb (42,158,127) #2A9E7F #339B7F rgb (51,155,127) #339B7F #3B987F rgb (59,152,127) #3B987F #42967F rgb (66,150,127) #42967F #48947F rgb (72,148,127) #48947F #4E927F rgb (78,146,127) #4E927F #53907F rgb (83,144,127) #53907F #588E7F rgb (88,142,127) #588E7F #5C8D7F rgb (92,141,127) #5C8D7F #608C7F rgb (96,140,127) #608C7F

Alternativas a #20A17F

---

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

#20657F rgb (32,101,127) #20657F #20797F rgb (32,121,127) #20797F #208D7F rgb (32,141,127) #208D7F #20B57F rgb (32,181,127) #20B57F #20C97F rgb (32,201,127) #20C97F #20DD7F rgb (32,221,127) #20DD7F

Uso rapido #20A17F

---

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

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

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

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

Esquemas de color con #20A17F

---

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: 80% tiene una saturación #20A17F. Añadiendo 80% + 10% = 90% de saturación para nuestro nuevo color #0C7A5D. Disminuyendo 80% - 10% = 70% de saturación para otros colores monocromáticos #3CC7A2. #3cc7a2 rgb (60,199,162) #3cc7a2 70% saturación #3c6151 rgb (39,97,81) #3c6151 60% saturación #0c7a5d rgb (12,122,93) #0c7a5d 90% saturación #006147 rgb (0,97,71) #006147 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 #2083A1 rgb (32,131,161) #2083A1 194o #20A17F rgb (32,161,127) #20A17F 164o #20A13E rgb (32,161,62) #20A13E 134o

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: #20A17F tiene un ángulo 164o. Añadiendo 164o + 180 o = 344o o para nuestro nuevo color complementario #A12042. #20A17F rgb (32,161,127) #20A17F 164o #A12042 rgb (161,32,66) #A12042 344o

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: #20A17F tiene un ángulo 164o. Añadiendo 164o + 180 o +30 o = 14 o para nuestro primer color complementario #A13E20. Disminuyendo 164o + 180 o -30 o = 314 o para el segundo color complementario #A12083. #A12083 rgb (161,32,131) #A12083 314o #20A17F rgb (32,161,127) #20A17F 164o #A13E20 rgb (161,62,32) #A13E20 14o

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. #7E20A1 rgb (126,32,161) #7E20A1 284o #20A17F rgb (32,161,127) #20A17F 164o #A17E20 rgb (161,126,32) #A17E20 44o

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. #7E20A1 rgb (126,32,161) #7E20A1 284o #20A17F rgb (32,161,127) #20A17F 164o #A12042 rgb (161,32,66) #A12042 344o #42A120 rgb (66,161,32) #42A120 104o