#9CAEB1 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #9CAEB1

#9CAEB1

In a RGB color space, hex #9CAEB1 is composed of 61% red, 68% green and 69% blue. RGB color code is composed of a hexadecimal 9C red (156/255), a AE green (174/255) and a B1 blue component (177/255). The decimal RGB color code is rgb(156,174,177) In CMYK color space, it is composed of 12% cyan, 2% magenta, 0% yellow and 31% black. It has a hue angle of 188.57o degrees, a saturation of 12% and a lightness of 65%. Closest websafe color is: #999999 rgb (153, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #9CAEB1 has RGB values of R:156, G:174, B:177 and CMYK values of C:12, M:2, Y:0, K:31. Its decimal value is 10268337.Binary code is 100111001010111010110001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 9CAEB1  #9CAEB1 RGB decimal 156, 174, 177  rgb(156, 174, 177) RGB % 61, 68, 69  rgb(61%, 68%, 69%) RGB Adobe 160, 172, 175 CMYK % 12, 2, 0, 31  12%, 2%, 0%, 31% HSL 188.57o, 12, 65  hsl(188.57o, 12%, 65%) HSV (HSB) 189o, 12%, 69%  hsv(189o, 12%, 69%)

Web Safe color #999999 rgb (153, 153, 153) XYZ 36.782, 40.514 47.476 xyY 0.29, 0.32, 40.51 Hunter-Lab 63.65, -4.92, -3.25 CMY 39%, 32%, 31% Lab 69.76, -6.02, -3.79 Binary color 9C AE B1 10011100 10101110 10110001

Shades and tints of #9CAEB1

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #1F2223 is the darkest color, and: #ECEFF0 is the lightest one.

Tint color variation #9CAEB1

#ABBABD rgb (171,186,189) #ABBABD #B8C4C7 rgb (184,196,199) #B8C4C7 #C3CDCF rgb (195,205,207) #C3CDCF #CCD5D6 rgb (204,213,214) #CCD5D6 #D4DBDC rgb (212,219,220) #D4DBDC #DAE0E1 rgb (218,224,225) #DAE0E1 #E0E5E6 rgb (224,229,230) #E0E5E6 #E5E9EA rgb (229,233,234) #E5E9EA #E9ECED rgb (233,236,237) #E9ECED #ECEFF0 rgb (236,239,240) #ECEFF0

Shade color variation

#859496 rgb (133,148,150) #859496 #717E80 rgb (113,126,128) #717E80 #606B6D rgb (96,107,109) #606B6D #525B5D rgb (82,91,93) #525B5D #464D4F rgb (70,77,79) #464D4F #3C4143 rgb (60,65,67) #3C4143 #333739 rgb (51,55,57) #333739 #2B2F30 rgb (43,47,48) #2B2F30 #252829 rgb (37,40,41) #252829 #1F2223 rgb (31,34,35) #1F2223

Tones of #9CAEB1

A tone is produced by adding gray to any pure hue. In this case, #99A9AC is the less saturated color, and #8B9091 is the most saturated one.

#99A9AC rgb (153,169,172) #99A9AC #97A5A8 rgb (151,165,168) #97A5A8 #95A1A4 rgb (149,161,164) #95A1A4 #939EA0 rgb (147,158,160) #939EA0 #919B9D rgb (145,155,157) #919B9D #8F989A rgb (143,152,154) #8F989A #8E9697 rgb (142,150,151) #8E9697 #8D9495 rgb (141,148,149) #8D9495 #8C9293 rgb (140,146,147) #8C9293 #8B9091 rgb (139,144,145) #8B9091

Alternatives to #9CAEB1

---

Below, you can see some colors close to #9CAEB1. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#9C72B1 rgb (156,114,177) #9C72B1 #9C86B1 rgb (156,134,177) #9C86B1 #9C9AB1 rgb (156,154,177) #9C9AB1 #9CC2B1 rgb (156,194,177) #9CC2B1 #9CD6B1 rgb (156,214,177) #9CD6B1 #9CEAB1 rgb (156,234,177) #9CEAB1

Quick use #9CAEB1

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#9CAEB1;">Text here</font>	<div style="background-color:#9CAEB1;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#9CAEB1;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#9CAEB1;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #9CAEB1	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #9CAEB1;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #9CAEB1;

Box border html code	Text shadow with RGB values for color #9CAEB1
box border html code for color #9CAEB1	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #9CAEB1;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(156, 174, 177, 1.4);

Pre-formatted code 9CAEB1	code for script / programming
HTML, CSS:	= #9CAEB1; rgb(156, 174, 177)
Java:	= new Color(156, 174, 177)
.NET:	= Color.FromArgb (156, 174, 177);
Xojo:	= rgb (156, 174, 177, 0);
openGL:	= glColor3f (0.61f, 0.68f, 0.69f);
Swift:	= UIColor(red:0.61, green:0.68, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.61 green:0.68 blue:0.69 alpha:1.00000];

Color schemes with #9CAEB1

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 12% has a #9CAEB1 saturation. Adding 12% + 10% = 22% saturation for our new color #6B858A. Decreasing 12% - 10% = 2% saturation for other monochromatic color #D2D6D6. #d2d6d6 rgb (210,214,214) #d2d6d6 2% saturation #d27070 rgb (112,112,112) #d27070 0% saturation #6b858a rgb (107,133,138) #6b858a 22% saturation #4c6b70 rgb (76,107,112) #4c6b70 32% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #9BA2B0 rgb (155,162,176) #9BA2B0 219o #9CAEB1 rgb (156,174,177) #9CAEB1 189o #9BB0A9 rgb (155,176,169) #9BB0A9 159o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #9CAEB1 has a 189o angle. Adding 189o + 180o = 9oo for our new complementary color #B09E9B. #9CAEB1 rgb (156,174,177) #9CAEB1 189o #B09E9B rgb (176,158,155) #B09E9B 9o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #9CAEB1 has a 189o angle. Adding 189o + 180o+30o = 39o for our first complementary color #B0A99B. Decreasing 189o + 180o-30o = 339o for the second complementary color #B09BA2. #B09BA2 rgb (176,155,162) #B09BA2 339o #9CAEB1 rgb (156,174,177) #9CAEB1 189o #B0A99B rgb (176,169,155) #B0A99B 39o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #B09BAD rgb (176,155,173) #B09BAD 309o #9CAEB1 rgb (156,174,177) #9CAEB1 189o #ADB09B rgb (173,176,155) #ADB09B 69o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B09BAD rgb (176,155,173) #B09BAD 309o #9CAEB1 rgb (156,174,177) #9CAEB1 189o #B09E9B rgb (176,158,155) #B09E9B 9o #9BB09E rgb (155,176,158) #9BB09E 129o