#887BA3 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #887BA3

#887BA3

In a RGB color space, hex #887BA3 is composed of 53% red, 48% green and 64% blue. RGB color code is composed of a hexadecimal 88 red (136/255), a 7B green (123/255) and a A3 blue component (163/255). The decimal RGB color code is rgb(136,123,163) In CMYK color space, it is composed of 17% cyan, 25% magenta, 0% yellow and 36% black. It has a hue angle of 259.5o degrees, a saturation of 18% and a lightness of 56%. Closest websafe color is: #996699 rgb (153, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #887BA3 has RGB values of R:136, G:123, B:163 and CMYK values of C:17, M:25, Y:0, K:36. Its decimal value is 8944547.Binary code is 100010000111101110100011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 887BA3  #887BA3 RGB decimal 136, 123, 163  rgb(136, 123, 163) RGB % 53, 48, 64  rgb(53%, 48%, 64%) RGB Adobe 131, 122, 160 CMYK % 17, 25, 0, 36  17%, 25%, 0%, 36% HSL 259.5o, 18, 56  hsl(259.5o, 18%, 56%) HSV (HSB) 260o, 25%, 64%  hsv(260o, 25%, 64%)

Web Safe color #996699 rgb (153, 102, 153) XYZ 23.847, 22.045 37.648 xyY 0.29, 0.26, 22.05 Hunter-Lab 46.95, 11.18, -17.89 CMY 47%, 52%, 36% Lab 53.92, 11.41, -19.65 Binary color 88 7B A3 10001000 1111011 10100011

Shades and tints of #887BA3

---

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: #1A191F is the darkest color, and: #E8E5ED is the lightest one.

Tint color variation #887BA3

#9A8FB1 rgb (154,143,177) #9A8FB1 #A9A0BD rgb (169,160,189) #A9A0BD #B6AEC7 rgb (182,174,199) #B6AEC7 #C1BACF rgb (193,186,207) #C1BACF #CAC4D6 rgb (202,196,214) #CAC4D6 #D2CDDC rgb (210,205,220) #D2CDDC #D9D5E1 rgb (217,213,225) #D9D5E1 #DFDBE6 rgb (223,219,230) #DFDBE6 #E4E0EA rgb (228,224,234) #E4E0EA #E8E5ED rgb (232,229,237) #E8E5ED

Shade color variation

#74698B rgb (116,105,139) #74698B #635976 rgb (99,89,118) #635976 #544C64 rgb (84,76,100) #544C64 #474155 rgb (71,65,85) #474155 #3C3748 rgb (60,55,72) #3C3748 #332F3D rgb (51,47,61) #332F3D #2B2834 rgb (43,40,52) #2B2834 #25222C rgb (37,34,44) #25222C #1F1D25 rgb (31,29,37) #1F1D25 #1A191F rgb (26,25,31) #1A191F

Tones of #887BA3

A tone is produced by adding gray to any pure hue. In this case, #877CA0 is the less saturated color, and #857C8D is the most saturated one.

#877CA0 rgb (135,124,160) #877CA0 #867C9D rgb (134,124,157) #867C9D #857C9A rgb (133,124,154) #857C9A #857C97 rgb (133,124,151) #857C97 #857C95 rgb (133,124,149) #857C95 #857C93 rgb (133,124,147) #857C93 #857C91 rgb (133,124,145) #857C91 #857C8F rgb (133,124,143) #857C8F #857C8E rgb (133,124,142) #857C8E #857C8D rgb (133,124,141) #857C8D

Alternatives to #887BA3

---

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

#883FA3 rgb (136,63,163) #883FA3 #8853A3 rgb (136,83,163) #8853A3 #8867A3 rgb (136,103,163) #8867A3 #888FA3 rgb (136,143,163) #888FA3 #88A3A3 rgb (136,163,163) #88A3A3 #88B7A3 rgb (136,183,163) #88B7A3

Quick use #887BA3

---

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="#887BA3;">Text here</font>	<div style="background-color:#887BA3;">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="#887BA3;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#887BA3;">Text here</font> </div>

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

Box border html code	Text shadow with RGB values for color #887BA3
box border html code for color #887BA3	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #887BA3;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(136, 123, 163, 1.4);

Pre-formatted code 887BA3	code for script / programming
HTML, CSS:	= #887BA3; rgb(136, 123, 163)
Java:	= new Color(136, 123, 163)
.NET:	= Color.FromArgb (136, 123, 163);
Xojo:	= rgb (136, 123, 163, 0);
openGL:	= glColor3f (0.53f, 0.48f, 0.64f);
Swift:	= UIColor(red:0.53, green:0.48, blue:0.64, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.53 green:0.48 blue:0.64 alpha:1.00000];

Color schemes with #887BA3

---

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: 25% has a #887BA3 saturation. Adding 25% + 10% = 35% saturation for our new color #60517D. Decreasing 25% - 10% = 15% saturation for other monochromatic color #B5ABC9. #b5abc9 rgb (181,171,201) #b5abc9 15% saturation #b55e63 rgb (96,94,99) #b55e63 5% saturation #60517d rgb (96,81,125) #60517d 35% saturation #463763 rgb (70,55,99) #463763 45% 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. #9C7AA3 rgb (156,122,163) #9C7AA3 290o #887BA3 rgb (136,123,163) #887BA3 260o #7A81A3 rgb (122,129,163) #7A81A3 230o

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: #887BA3 has a 260o angle. Adding 260o + 180o = 80oo for our new complementary color #96A37A. #887BA3 rgb (136,123,163) #887BA3 260o #96A37A rgb (150,163,122) #96A37A 80o

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: #887BA3 has a 260o angle. Adding 260o + 180o+30o = 110o for our first complementary color #81A37A. Decreasing 260o + 180o-30o = 50o for the second complementary color #A39C7A. #A39C7A rgb (163,156,122) #A39C7A 50o #887BA3 rgb (136,123,163) #887BA3 260o #81A37A rgb (129,163,122) #81A37A 110o

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. #A3887A rgb (163,136,122) #A3887A 20o #887BA3 rgb (136,123,163) #887BA3 260o #7AA388 rgb (122,163,136) #7AA388 140o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #A3887A rgb (163,136,122) #A3887A 20o #887BA3 rgb (136,123,163) #887BA3 260o #96A37A rgb (150,163,122) #96A37A 80o #7A96A3 rgb (122,150,163) #7A96A3 200o