#30523A color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #30523A

#30523A

En un espacio de color RGB, hexadecimal #30523A se compone de 19% rojo, 32% verde y 23% azul. El código de color RGB está compuesto por un componente rojo 30 hexadecimal (48/255), un verde 52 (82/255) y un componente azul 3A (58/255). El código de color RGB decimal es rgb(48,82,58) En el espacio de color CMYK, se compone de 41% cian, 0% magenta, 29% amarillo y 68% negro. Tiene un ángulo de tono de 137.65o grados, una saturación de 26% y una luminosidad de 25%. El color seguro para la Web más cercano es: #336633 rgb (51, 102, 51).

Conversión de color

---

Convertir color

---

El color hexadecimal #30523A tiene valores RGB de R: 48, G: 82, B: 58 y valores CMYK de C: 41, M: 0, Y: 29, K: 68. Su valor decimal es 3166778 y el código binario es 1100000101001000111010
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 30523A  #30523A RGB decimal 48, 82, 58  rgb(48, 82, 58) RGB % 19, 32, 23  rgb(19%, 32%, 23%) RGB Adobe 62, 83, 62 CMYK % 41, 0, 29, 68  41%, 0%, 29%, 68% HSL 137.65o, 26, 25  hsl(137.65o, 26%, 25%) HSV (HSB) 138o, 41%, 32%  hsv(138o, 41%, 32%)

Web Safe color #336633 rgb (51, 102, 51) XYZ 5, 6.968 5.085 xyY 0.29, 0.41, 6.97 Hunter-Lab 26.4, -11.15, 5.84 CMY 81%, 68%, 77% Lab 31.72, -17.48, 10.08 Binario color 30 52 3A 110000 1010010 111010

Tonos y tintes de #30523A

---

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

Variación del color del matiz #30523A

#4F6C58 rgb (79,108,88) #4F6C58 #698271 rgb (105,130,113) #698271 #809586 rgb (128,149,134) #809586 #93A598 rgb (147,165,152) #93A598 #A3B3A7 rgb (163,179,167) #A3B3A7 #B1BEB4 rgb (177,190,180) #B1BEB4 #BDC8BF rgb (189,200,191) #BDC8BF #C7D0C9 rgb (199,208,201) #C7D0C9 #CFD7D1 rgb (207,215,209) #CFD7D1 #D6DDD8 rgb (214,221,216) #D6DDD8

Variación del color de la sombra

#294631 rgb (41,70,49) #294631 #233C2A rgb (35,60,42) #233C2A #1E3324 rgb (30,51,36) #1E3324 #1A2B1F rgb (26,43,31) #1A2B1F #16251A rgb (22,37,26) #16251A #131F16 rgb (19,31,22) #131F16 #101A13 rgb (16,26,19) #101A13 #0E1610 rgb (14,22,16) #0E1610 #0C130E rgb (12,19,14) #0C130E #0A100C rgb (10,16,12) #0A100C

Tonos de #30523A

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

#385741 rgb (56,87,65) #385741 #3F5B47 rgb (63,91,71) #3F5B47 #465F4D rgb (70,95,77) #465F4D #4C6252 rgb (76,98,82) #4C6252 #516557 rgb (81,101,87) #516557 #56685B rgb (86,104,91) #56685B #5A6A5F rgb (90,106,95) #5A6A5F #5E6C62 rgb (94,108,98) #5E6C62 #616E65 rgb (97,110,101) #616E65 #647068 rgb (100,112,104) #647068

Alternativas a #30523A

---

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

#30163A rgb (48,22,58) #30163A #302A3A rgb (48,42,58) #302A3A #303E3A rgb (48,62,58) #303E3A #30663A rgb (48,102,58) #30663A #307A3A rgb (48,122,58) #307A3A #308E3A rgb (48,142,58) #308E3A

Uso rapido #30523A

---

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

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

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

Código preformateado 30523A	código para script / programming
HTML, CSS:	= #30523A; rgb(48, 82, 58)
Java:	= new Color(48, 82, 58)
.NET:	= Color.FromArgb (48, 82, 58);
Xojo:	= rgb (48, 82, 58, 0);
openGL:	= glColor3f (0.19f, 0.32f, 0.23f);
Swift:	= UIColor(red:0.19, green:0.32, blue:0.23, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.32 blue:0.23 alpha:1.00000];

Esquemas de color con #30523A

---

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: 41% tiene una saturación #30523A. Añadiendo 41% + 10% = 51% de saturación para nuestro nuevo color #152B1C. Disminuyendo 41% - 10% = 31% de saturación para otros colores monocromáticos #53785E. #53785e rgb (83,120,94) #53785e 31% saturación #53120f rgb (14,18,15) #53120f 21% saturación #152b1c rgb (21,43,28) #152b1c 51% saturación #07120a rgb (7,18,10) #07120a 61% 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 #30524B rgb (48,82,75) #30524B 168o #30523A rgb (48,82,58) #30523A 138o #375230 rgb (55,82,48) #375230 108o

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: #30523A tiene un ángulo 138o. Añadiendo 138o + 180 o = 318o o para nuestro nuevo color complementario #523048. #30523A rgb (48,82,58) #30523A 138o #523048 rgb (82,48,72) #523048 318o

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: #30523A tiene un ángulo 138o. Añadiendo 138o + 180 o +30 o = 348 o para nuestro primer color complementario #523037. Disminuyendo 138o + 180 o -30 o = 288 o para el segundo color complementario #4B3052. #4B3052 rgb (75,48,82) #4B3052 288o #30523A rgb (48,82,58) #30523A 138o #523037 rgb (82,48,55) #523037 348o

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. #3A3052 rgb (58,48,82) #3A3052 258o #30523A rgb (48,82,58) #30523A 138o #523A30 rgb (82,58,48) #523A30 18o

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. #3A3052 rgb (58,48,82) #3A3052 258o #30523A rgb (48,82,58) #30523A 138o #523048 rgb (82,48,72) #523048 318o #485230 rgb (72,82,48) #485230 78o