#87BCC2 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #87BCC2

#87BCC2

En un espacio de color RGB, hexadecimal #87BCC2 se compone de 53% rojo, 74% verde y 76% azul. El código de color RGB está compuesto por un componente rojo 87 hexadecimal (135/255), un verde BC (188/255) y un componente azul C2 (194/255). El código de color RGB decimal es rgb(135,188,194) En el espacio de color CMYK, se compone de 30% cian, 3% magenta, 0% amarillo y 24% negro. Tiene un ángulo de tono de 186.1o grados, una saturación de 33% y una luminosidad de 65%. El color seguro para la Web más cercano es: #99cccc rgb (153, 204, 204).

Conversión de color

---

Convertir color

---

El color hexadecimal #87BCC2 tiene valores RGB de R: 135, G: 188, B: 194 y valores CMYK de C: 30, M: 3, Y: 0, K: 24. Su valor decimal es 8895682 y el código binario es 100001111011110011000010
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color 87BCC2  #87BCC2 RGB decimal 135, 188, 194  rgb(135, 188, 194) RGB % 53, 74, 76  rgb(53%, 74%, 76%) RGB Adobe 151, 187, 192 CMYK % 30, 3, 0, 24  30%, 3%, 0%, 24% HSL 186.1o, 33, 65  hsl(186.1o, 33%, 65%) HSV (HSB) 186o, 30%, 76%  hsv(186o, 30%, 76%)

Web Safe color #99cccc rgb (153, 204, 204) XYZ 37.712, 45.012 57.74 xyY 0.27, 0.32, 45.01 Hunter-Lab 67.09, -13.7, -8.01 CMY 47%, 26%, 24% Lab 72.7, -16.89, -8.94 Binario color 87 BC C2 10000111 10111100 11000010

Tonos y tintes de #87BCC2

---

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í: #1A2526 es el color más oscuro y: #E7F2F3 es el más claro.

Variación del color del matiz #87BCC2

#99C6CB rgb (153,198,203) #99C6CB #A8CFD3 rgb (168,207,211) #A8CFD3 #B5D6DA rgb (181,214,218) #B5D6DA #C0DCE0 rgb (192,220,224) #C0DCE0 #C9E1E5 rgb (201,225,229) #C9E1E5 #D1E6E9 rgb (209,230,233) #D1E6E9 #D8EAEC rgb (216,234,236) #D8EAEC #DEEDEF rgb (222,237,239) #DEEDEF #E3F0F1 rgb (227,240,241) #E3F0F1 #E7F2F3 rgb (231,242,243) #E7F2F3

Variación del color de la sombra

#73A0A5 rgb (115,160,165) #73A0A5 #62888C rgb (98,136,140) #62888C #537477 rgb (83,116,119) #537477 #476365 rgb (71,99,101) #476365 #3C5456 rgb (60,84,86) #3C5456 #334749 rgb (51,71,73) #334749 #2B3C3E rgb (43,60,62) #2B3C3E #253335 rgb (37,51,53) #253335 #1F2B2D rgb (31,43,45) #1F2B2D #1A2526 rgb (26,37,38) #1A2526

Tonos de #87BCC2

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

#86B6BB rgb (134,182,187) #86B6BB #85B1B5 rgb (133,177,181) #85B1B5 #85ACB0 rgb (133,172,176) #85ACB0 #85A8AB rgb (133,168,171) #85A8AB #85A4A7 rgb (133,164,167) #85A4A7 #85A0A3 rgb (133,160,163) #85A0A3 #859DA0 rgb (133,157,160) #859DA0 #859A9D rgb (133,154,157) #859A9D #85979A rgb (133,151,154) #85979A #859597 rgb (133,149,151) #859597

Alternativas a #87BCC2

---

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

#8780C2 rgb (135,128,194) #8780C2 #8794C2 rgb (135,148,194) #8794C2 #87A8C2 rgb (135,168,194) #87A8C2 #87D0C2 rgb (135,208,194) #87D0C2 #87E4C2 rgb (135,228,194) #87E4C2 #87F8C2 rgb (135,248,194) #87F8C2

Uso rapido #87BCC2

---

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

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

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

Código preformateado 87BCC2	código para script / programming
HTML, CSS:	= #87BCC2; rgb(135, 188, 194)
Java:	= new Color(135, 188, 194)
.NET:	= Color.FromArgb (135, 188, 194);
Xojo:	= rgb (135, 188, 194, 0);
openGL:	= glColor3f (0.53f, 0.74f, 0.76f);
Swift:	= UIColor(red:0.53, green:0.74, blue:0.76, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.53 green:0.74 blue:0.76 alpha:1.00000];

Esquemas de color con #87BCC2

---

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: 30% tiene una saturación #87BCC2. Añadiendo 30% + 10% = 40% de saturación para nuestro nuevo color #5D959C. Disminuyendo 30% - 10% = 20% de saturación para otros colores monocromáticos #BAE3E8. #bae3e8 rgb (186,227,232) #bae3e8 20% saturación #ba8182 rgb (117,129,130) #ba8182 10% saturación #5d959c rgb (93,149,156) #5d959c 40% saturación #417c82 rgb (65,124,130) #417c82 50% 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 #889FC2 rgb (136,159,194) #889FC2 216o #87BCC2 rgb (135,188,194) #87BCC2 186o #88C2AB rgb (136,194,171) #88C2AB 156o

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: #87BCC2 tiene un ángulo 186o. Añadiendo 186o + 180 o = 6o o para nuestro nuevo color complementario #C28D88. #87BCC2 rgb (135,188,194) #87BCC2 186o #C28D88 rgb (194,141,136) #C28D88 6o

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: #87BCC2 tiene un ángulo 186o. Añadiendo 186o + 180 o +30 o = 36 o para nuestro primer color complementario #C2AB88. Disminuyendo 186o + 180 o -30 o = 336 o para el segundo color complementario #C2889F. #C2889F rgb (194,136,159) #C2889F 336o #87BCC2 rgb (135,188,194) #87BCC2 186o #C2AB88 rgb (194,171,136) #C2AB88 36o

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. #C288BC rgb (194,136,188) #C288BC 306o #87BCC2 rgb (135,188,194) #87BCC2 186o #BCC288 rgb (188,194,136) #BCC288 66o

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. #C288BC rgb (194,136,188) #C288BC 306o #87BCC2 rgb (135,188,194) #87BCC2 186o #C28D88 rgb (194,141,136) #C28D88 6o #88C28D rgb (136,194,141) #88C28D 126o