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

#36AF68

En un espacio de color RGB, hexadecimal #36AF68 se compone de 21% rojo, 69% verde y 41% azul. El código de color RGB está compuesto por un componente rojo 36 hexadecimal (54/255), un verde AF (175/255) y un componente azul 68 (104/255). El código de color RGB decimal es rgb(54,175,104) En el espacio de color CMYK, se compone de 69% cian, 0% magenta, 41% amarillo y 31% negro. Tiene un ángulo de tono de 144.79o grados, una saturación de 53% y una luminosidad de 45%. El color seguro para la Web más cercano es: #339966 rgb (51, 153, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #36AF68 tiene valores RGB de R: 54, G: 175, B: 104 y valores CMYK de C: 69, M: 0, Y: 41, K: 31. Su valor decimal es 3583848 y el código binario es 1101101010111101101000
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 36AF68  #36AF68 RGB decimal 54, 175, 104  rgb(54, 175, 104) RGB % 21, 69, 41  rgb(21%, 69%, 41%) RGB Adobe 107, 173, 108 CMYK % 69, 0, 41, 31  69%, 0%, 41%, 31% HSL 144.79o, 53, 45  hsl(144.79o, 53%, 45%) HSV (HSB) 145o, 69%, 69%  hsv(145o, 69%, 69%)

Web Safe color #339966 rgb (51, 153, 102) XYZ 19.35, 32.444 18.339 xyY 0.28, 0.46, 32.44 Hunter-Lab 56.96, -36.57, 18.36 CMY 79%, 31%, 59% Lab 63.67, -46.93, 26.37 Binario color 36 AF 68 110110 10101111 1101000

Tonos y tintes de #36AF68

---

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

Variación del color del matiz #36AF68

#54BB7F rgb (84,187,127) #54BB7F #6EC592 rgb (110,197,146) #6EC592 #84CEA2 rgb (132,206,162) #84CEA2 #96D5B0 rgb (150,213,176) #96D5B0 #A6DBBC rgb (166,219,188) #A6DBBC #B3E0C6 rgb (179,224,198) #B3E0C6 #BEE5CF rgb (190,229,207) #BEE5CF #C8E9D6 rgb (200,233,214) #C8E9D6 #D0ECDC rgb (208,236,220) #D0ECDC #D7EFE1 rgb (215,239,225) #D7EFE1

Variación del color de la sombra

#2E9558 rgb (46,149,88) #2E9558 #277F4B rgb (39,127,75) #277F4B #216C40 rgb (33,108,64) #216C40 #1C5C36 rgb (28,92,54) #1C5C36 #184E2E rgb (24,78,46) #184E2E #144227 rgb (20,66,39) #144227 #113821 rgb (17,56,33) #113821 #0E301C rgb (14,48,28) #0E301C #0C2918 rgb (12,41,24) #0C2918 #0A2314 rgb (10,35,20) #0A2314

Tonos de #36AF68

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

#3DAA6A rgb (61,170,106) #3DAA6A #44A66C rgb (68,166,108) #44A66C #4AA26E rgb (74,162,110) #4AA26E #4F9F70 rgb (79,159,112) #4F9F70 #549C72 rgb (84,156,114) #549C72 #589973 rgb (88,153,115) #589973 #5C9774 rgb (92,151,116) #5C9774 #609575 rgb (96,149,117) #609575 #639376 rgb (99,147,118) #639376 #669177 rgb (102,145,119) #669177

Alternativas a #36AF68

---

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

#367368 rgb (54,115,104) #367368 #368768 rgb (54,135,104) #368768 #369B68 rgb (54,155,104) #369B68 #36C368 rgb (54,195,104) #36C368 #36D768 rgb (54,215,104) #36D768 #36EB68 rgb (54,235,104) #36EB68

Uso rapido #36AF68

---

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

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

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

Código preformateado 36AF68	código para script / programming
HTML, CSS:	= #36AF68; rgb(54, 175, 104)
Java:	= new Color(54, 175, 104)
.NET:	= Color.FromArgb (54, 175, 104);
Xojo:	= rgb (54, 175, 104, 0);
openGL:	= glColor3f (0.21f, 0.69f, 0.41f);
Swift:	= UIColor(red:0.21, green:0.69, blue:0.41, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.21 green:0.69 blue:0.41 alpha:1.00000];

Esquemas de color con #36AF68

---

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: 69% tiene una saturación #36AF68. Añadiendo 69% + 10% = 79% de saturación para nuestro nuevo color #1D8A4A. Disminuyendo 69% - 10% = 59% de saturación para otros colores monocromáticos #58D68C. #58d68c rgb (88,214,140) #58d68c 59% saturación #587050 rgb (57,112,80) #587050 49% saturación #1d8a4a rgb (29,138,74) #1d8a4a 79% saturación #0c7036 rgb (12,112,54) #0c7036 89% 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 #37B0A6 rgb (55,176,166) #37B0A6 175o #36AF68 rgb (54,175,104) #36AF68 145o #41B037 rgb (65,176,55) #41B037 115o

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: #36AF68 tiene un ángulo 145o. Añadiendo 145o + 180 o = 325o o para nuestro nuevo color complementario #B0377D. #36AF68 rgb (54,175,104) #36AF68 145o #B0377D rgb (176,55,125) #B0377D 325o

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: #36AF68 tiene un ángulo 145o. Añadiendo 145o + 180 o +30 o = 355 o para nuestro primer color complementario #B03741. Disminuyendo 145o + 180 o -30 o = 295 o para el segundo color complementario #A637B0. #A637B0 rgb (166,55,176) #A637B0 295o #36AF68 rgb (54,175,104) #36AF68 145o #B03741 rgb (176,55,65) #B03741 355o

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. #6937B0 rgb (105,55,176) #6937B0 265o #36AF68 rgb (54,175,104) #36AF68 145o #B06937 rgb (176,105,55) #B06937 25o

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. #6937B0 rgb (105,55,176) #6937B0 265o #36AF68 rgb (54,175,104) #36AF68 145o #B0377D rgb (176,55,125) #B0377D 325o #7DB037 rgb (125,176,55) #7DB037 85o