#339A66 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #339A66

#339A66

En un espacio de color RGB, hexadecimal #339A66 se compone de 20% rojo, 60% verde y 40% azul. El código de color RGB está compuesto por un componente rojo 33 hexadecimal (51/255), un verde 9A (154/255) y un componente azul 66 (102/255). El código de color RGB decimal es rgb(51,154,102) En el espacio de color CMYK, se compone de 67% cian, 0% magenta, 34% amarillo y 40% negro. Tiene un ángulo de tono de 149.71o grados, una saturación de 50% y una luminosidad de 40%. El color seguro para la Web más cercano es: #339966 rgb (51, 153, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #339A66 tiene valores RGB de R: 51, G: 154, B: 102 y valores CMYK de C: 67, M: 0, Y: 34, K: 40. Su valor decimal es 3381862 y el código binario es 1100111001101001100110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 339A66  #339A66 RGB decimal 51, 154, 102  rgb(51, 154, 102) RGB % 20, 60, 40  rgb(20%, 60%, 40%) RGB Adobe 96, 153, 105 CMYK % 67, 0, 34, 40  67%, 0%, 34%, 40% HSL 149.71o, 50, 40  hsl(149.71o, 50%, 40%) HSV (HSB) 150o, 67%, 60%  hsv(150o, 67%, 60%)

Web Safe color #339966 rgb (51, 153, 102) XYZ 15.319, 24.774 16.545 xyY 0.27, 0.44, 24.77 Hunter-Lab 49.77, -29.98, 12.9 CMY 80%, 40%, 60% Lab 56.79, -40.21, 18.4 Binario color 33 9A 66 110011 10011010 1100110

Tonos y tintes de #339A66

---

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

Variación del color del matiz #339A66

#52A97D rgb (82,169,125) #52A97D #6CB691 rgb (108,182,145) #6CB691 #82C1A2 rgb (130,193,162) #82C1A2 #95CAB0 rgb (149,202,176) #95CAB0 #A5D2BC rgb (165,210,188) #A5D2BC #B3D9C6 rgb (179,217,198) #B3D9C6 #BEDFCF rgb (190,223,207) #BEDFCF #C8E4D6 rgb (200,228,214) #C8E4D6 #D0E8DC rgb (208,232,220) #D0E8DC #D7EBE1 rgb (215,235,225) #D7EBE1

Variación del color de la sombra

#2B8357 rgb (43,131,87) #2B8357 #256F4A rgb (37,111,74) #256F4A #1F5E3F rgb (31,94,63) #1F5E3F #1A5036 rgb (26,80,54) #1A5036 #16442E rgb (22,68,46) #16442E #133A27 rgb (19,58,39) #133A27 #103121 rgb (16,49,33) #103121 #0E2A1C rgb (14,42,28) #0E2A1C #0C2418 rgb (12,36,24) #0C2418 #0A1F14 rgb (10,31,20) #0A1F14

Tonos de #339A66

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

#3B9769 rgb (59,151,105) #3B9769 #42956B rgb (66,149,107) #42956B #48936D rgb (72,147,109) #48936D #4E916F rgb (78,145,111) #4E916F #538F71 rgb (83,143,113) #538F71 #588E73 rgb (88,142,115) #588E73 #5C8D74 rgb (92,141,116) #5C8D74 #608C75 rgb (96,140,117) #608C75 #638B76 rgb (99,139,118) #638B76 #668A77 rgb (102,138,119) #668A77

Alternativas a #339A66

---

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

#335E66 rgb (51,94,102) #335E66 #337266 rgb (51,114,102) #337266 #338666 rgb (51,134,102) #338666 #33AE66 rgb (51,174,102) #33AE66 #33C266 rgb (51,194,102) #33C266 #33D666 rgb (51,214,102) #33D666

Uso rapido #339A66

---

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

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

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

Código preformateado 339A66	código para script / programming
HTML, CSS:	= #339A66; rgb(51, 154, 102)
Java:	= new Color(51, 154, 102)
.NET:	= Color.FromArgb (51, 154, 102);
Xojo:	= rgb (51, 154, 102, 0);
openGL:	= glColor3f (0.2f, 0.6f, 0.4f);
Swift:	= UIColor(red:0.2, green:0.6, blue:0.4, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.6 blue:0.4 alpha:1.00000];

Esquemas de color con #339A66

---

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: 67% tiene una saturación #339A66. Añadiendo 67% + 10% = 77% de saturación para nuestro nuevo color #1A7347. Disminuyendo 67% - 10% = 57% de saturación para otros colores monocromáticos #52BF89. #52bf89 rgb (82,191,137) #52bf89 57% saturación #525944 rgb (47,89,68) #525944 47% saturación #1a7347 rgb (26,115,71) #1a7347 77% saturación #0c5932 rgb (12,89,50) #0c5932 87% 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 #329999 rgb (50,153,153) #329999 180o #339A66 rgb (51,154,102) #339A66 150o #329932 rgb (50,153,50) #329932 120o

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: #339A66 tiene un ángulo 150o. Añadiendo 150o + 180 o = 330o o para nuestro nuevo color complementario #993266. #339A66 rgb (51,154,102) #339A66 150o #993266 rgb (153,50,102) #993266 330o

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: #339A66 tiene un ángulo 150o. Añadiendo 150o + 180 o +30 o = 360 o para nuestro primer color complementario #993232. Disminuyendo 150o + 180 o -30 o = 300 o para el segundo color complementario #993299. #993299 rgb (153,50,153) #993299 300o #339A66 rgb (51,154,102) #339A66 150o #993232 rgb (153,50,50) #993232 360o

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. #663299 rgb (102,50,153) #663299 270o #339A66 rgb (51,154,102) #339A66 150o #996632 rgb (153,102,50) #996632 30o

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. #663299 rgb (102,50,153) #663299 270o #339A66 rgb (51,154,102) #339A66 150o #993266 rgb (153,50,102) #993266 330o #669932 rgb (102,153,50) #669932 90o