#18A396 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #18A396

#18A396

En un espacio de color RGB, hexadecimal #18A396 se compone de 9% rojo, 64% verde y 59% azul. El código de color RGB está compuesto por un componente rojo 18 hexadecimal (24/255), un verde A3 (163/255) y un componente azul 96 (150/255). El código de color RGB decimal es rgb(24,163,150) En el espacio de color CMYK, se compone de 85% cian, 0% magenta, 8% amarillo y 36% negro. Tiene un ángulo de tono de 174.39o grados, una saturación de 74% y una luminosidad de 37%. El color seguro para la Web más cercano es: #009999 rgb (0, 153, 153).

Conversión de color

---

Convertir color

---

El color hexadecimal #18A396 tiene valores RGB de R: 24, G: 163, B: 150 y valores CMYK de C: 85, M: 0, Y: 8, K: 36. Su valor decimal es 1614742 y el código binario es 110001010001110010110
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 18A396  #18A396 RGB decimal 24, 163, 150  rgb(24, 163, 150) RGB % 9, 64, 59  rgb(9%, 64%, 59%) RGB Adobe 94, 162, 149 CMYK % 85, 0, 8, 36  85%, 0%, 8%, 36% HSL 174.39o, 74, 37  hsl(174.39o, 74%, 37%) HSV (HSB) 174o, 85%, 64%  hsv(174o, 85%, 64%)

Web Safe color #009999 rgb (0, 153, 153) XYZ 18.979, 28.591 33.372 xyY 0.23, 0.35, 28.59 Hunter-Lab 53.47, -27.8, -2.58 CMY 91%, 36%, 41% Lab 60.17, -38.03, -3.63 Binario color 18 A3 96 11000 10100011 10010110

Tonos y tintes de #18A396

---

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

Variación del color del matiz #18A396

#3BB1A6 rgb (59,177,166) #3BB1A6 #58BDB3 rgb (88,189,179) #58BDB3 #71C7BE rgb (113,199,190) #71C7BE #86CFC8 rgb (134,207,200) #86CFC8 #98D6D0 rgb (152,214,208) #98D6D0 #A7DCD7 rgb (167,220,215) #A7DCD7 #B4E1DD rgb (180,225,221) #B4E1DD #BFE6E2 rgb (191,230,226) #BFE6E2 #C9EAE6 rgb (201,234,230) #C9EAE6 #D1EDEA rgb (209,237,234) #D1EDEA

Variación del color de la sombra

#148B80 rgb (20,139,128) #148B80 #11766D rgb (17,118,109) #11766D #0E645D rgb (14,100,93) #0E645D #0C554F rgb (12,85,79) #0C554F #0A4843 rgb (10,72,67) #0A4843 #093D39 rgb (9,61,57) #093D39 #083430 rgb (8,52,48) #083430 #072C29 rgb (7,44,41) #072C29 #062523 rgb (6,37,35) #062523 #051F1E rgb (5,31,30) #051F1E

Tonos de #18A396

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

#22A094 rgb (34,160,148) #22A094 #2B9D92 rgb (43,157,146) #2B9D92 #349A90 rgb (52,154,144) #349A90 #3C978E rgb (60,151,142) #3C978E #43958D rgb (67,149,141) #43958D #49938C rgb (73,147,140) #49938C #4F918B rgb (79,145,139) #4F918B #548F8A rgb (84,143,138) #548F8A #588E89 rgb (88,142,137) #588E89 #5C8D88 rgb (92,141,136) #5C8D88

Alternativas a #18A396

---

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

#186796 rgb (24,103,150) #186796 #187B96 rgb (24,123,150) #187B96 #188F96 rgb (24,143,150) #188F96 #18B796 rgb (24,183,150) #18B796 #18CB96 rgb (24,203,150) #18CB96 #18DF96 rgb (24,223,150) #18DF96

Uso rapido #18A396

---

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

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

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

Código preformateado 18A396	código para script / programming
HTML, CSS:	= #18A396; rgb(24, 163, 150)
Java:	= new Color(24, 163, 150)
.NET:	= Color.FromArgb (24, 163, 150);
Xojo:	= rgb (24, 163, 150, 0);
openGL:	= glColor3f (0.09f, 0.64f, 0.59f);
Swift:	= UIColor(red:0.09, green:0.64, blue:0.59, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.09 green:0.64 blue:0.59 alpha:1.00000];

Esquemas de color con #18A396

---

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: 85% tiene una saturación #18A396. Añadiendo 85% + 10% = 95% de saturación para nuestro nuevo color #067D71. Disminuyendo 85% - 10% = 75% de saturación para otros colores monocromáticos #32C9BA. #32c9ba rgb (50,201,186) #32c9ba 75% saturación #32635d rgb (35,99,93) #32635d 65% saturación #067d71 rgb (6,125,113) #067d71 95% saturación #00635a rgb (0,99,90) #00635a 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 #186CA3 rgb (24,108,163) #186CA3 204o #18A396 rgb (24,163,150) #18A396 174o #18A350 rgb (24,163,80) #18A350 144o

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: #18A396 tiene un ángulo 174o. Añadiendo 174o + 180 o = 354o o para nuestro nuevo color complementario #A31826. #18A396 rgb (24,163,150) #18A396 174o #A31826 rgb (163,24,38) #A31826 354o

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: #18A396 tiene un ángulo 174o. Añadiendo 174o + 180 o +30 o = 24 o para nuestro primer color complementario #A35018. Disminuyendo 174o + 180 o -30 o = 324 o para el segundo color complementario #A3186C. #A3186C rgb (163,24,108) #A3186C 324o #18A396 rgb (24,163,150) #18A396 174o #A35018 rgb (163,80,24) #A35018 24o

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. #9518A3 rgb (149,24,163) #9518A3 294o #18A396 rgb (24,163,150) #18A396 174o #A39518 rgb (163,149,24) #A39518 54o

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. #9518A3 rgb (149,24,163) #9518A3 294o #18A396 rgb (24,163,150) #18A396 174o #A31826 rgb (163,24,38) #A31826 354o #26A318 rgb (38,163,24) #26A318 114o