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

#ABA4CC

In a RGB color space, hex #ABA4CC is composed of 67% red, 64% green and 80% blue. RGB color code is composed of a hexadecimal AB red (171/255), a A4 green (164/255) and a CC blue component (204/255). The decimal RGB color code is rgb(171,164,204) In CMYK color space, it is composed of 16% cyan, 20% magenta, 0% yellow and 20% black. It has a hue angle of 250.5o degrees, a saturation of 28% and a lightness of 72%. Closest websafe color is: #9999cc rgb (153, 153, 204).

Color conversion

---

Convert color

---

The hexadecimal color #ABA4CC has RGB values of R:171, G:164, B:204 and CMYK values of C:16, M:20, Y:0, K:20. Its decimal value is 11248844.Binary code is 101010111010010011001100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color ABA4CC  #ABA4CC RGB decimal 171, 164, 204  rgb(171, 164, 204) RGB % 67, 64, 80  rgb(67%, 64%, 80%) RGB Adobe 168, 162, 201 CMYK % 16, 20, 0, 20  16%, 20%, 0%, 20% HSL 250.5o, 28, 72  hsl(250.5o, 28%, 72%) HSV (HSB) 251o, 20%, 80%  hsv(251o, 20%, 80%)

Web Safe color #9999cc rgb (153, 153, 204) XYZ 40.969, 39.568 62.605 xyY 0.29, 0.28, 39.57 Hunter-Lab 62.9, 9.69, -19.11 CMY 33%, 36%, 20% Lab 68.99, 8.7, -19.59 Binary color AB A4 CC 10101011 10100100 11001100

Shades and tints of #ABA4CC

---

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: #221F28 is the darkest color, and: #EFEDF5 is the lightest one.

Tint color variation #ABA4CC

#B8B2D4 rgb (184,178,212) #B8B2D4 #C3BEDA rgb (195,190,218) #C3BEDA #CCC8E0 rgb (204,200,224) #CCC8E0 #D4D0E5 rgb (212,208,229) #D4D0E5 #DAD7E9 rgb (218,215,233) #DAD7E9 #E0DDEC rgb (224,221,236) #E0DDEC #E5E2EF rgb (229,226,239) #E5E2EF #E9E6F1 rgb (233,230,241) #E9E6F1 #ECEAF3 rgb (236,234,243) #ECEAF3 #EFEDF5 rgb (239,237,245) #EFEDF5

Shade color variation

#918BAD rgb (145,139,173) #918BAD #7B7693 rgb (123,118,147) #7B7693 #69647D rgb (105,100,125) #69647D #59556A rgb (89,85,106) #59556A #4C485A rgb (76,72,90) #4C485A #413D4D rgb (65,61,77) #413D4D #373441 rgb (55,52,65) #373441 #2F2C37 rgb (47,44,55) #2F2C37 #28252F rgb (40,37,47) #28252F #221F28 rgb (34,31,40) #221F28

Tones of #ABA4CC

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

#A7A0C4 rgb (167,160,196) #A7A0C4 #A39DBD rgb (163,157,189) #A39DBD #A09AB7 rgb (160,154,183) #A09AB7 #9D97B2 rgb (157,151,178) #9D97B2 #9A95AD rgb (154,149,173) #9A95AD #9793A9 rgb (151,147,169) #9793A9 #9591A5 rgb (149,145,165) #9591A5 #938FA1 rgb (147,143,161) #938FA1 #918E9E rgb (145,142,158) #918E9E #8F8D9B rgb (143,141,155) #8F8D9B

Alternatives to #ABA4CC

---

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

#AB68CC rgb (171,104,204) #AB68CC #AB7CCC rgb (171,124,204) #AB7CCC #AB90CC rgb (171,144,204) #AB90CC #ABB8CC rgb (171,184,204) #ABB8CC #ABCCCC rgb (171,204,204) #ABCCCC #ABE0CC rgb (171,224,204) #ABE0CC

Quick use #ABA4CC

---

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

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

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

Pre-formatted code ABA4CC	code for script / programming
HTML, CSS:	= #ABA4CC; rgb(171, 164, 204)
Java:	= new Color(171, 164, 204)
.NET:	= Color.FromArgb (171, 164, 204);
Xojo:	= rgb (171, 164, 204, 0);
openGL:	= glColor3f (0.67f, 0.64f, 0.8f);
Swift:	= UIColor(red:0.67, green:0.64, blue:0.8, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.67 green:0.64 blue:0.8 alpha:1.00000];

Color schemes with #ABA4CC

---

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: 20% has a #ABA4CC saturation. Adding 20% + 10% = 30% saturation for our new color #7D74A6. Decreasing 20% - 10% = 10% saturation for other monochromatic color #DEDAF2. #dedaf2 rgb (222,218,242) #dedaf2 10% saturation #de8c8c rgb (140,140,140) #de8c8c 0% saturation #7d74a6 rgb (125,116,166) #7d74a6 30% saturation #5e548c rgb (94,84,140) #5e548c 40% 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. #BFA3CC rgb (191,163,204) #BFA3CC 281o #ABA4CC rgb (171,164,204) #ABA4CC 251o #A3B0CC rgb (163,176,204) #A3B0CC 221o

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: #ABA4CC has a 251o angle. Adding 251o + 180o = 71oo for our new complementary color #C5CCA3. #ABA4CC rgb (171,164,204) #ABA4CC 251o #C5CCA3 rgb (197,204,163) #C5CCA3 71o

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: #ABA4CC has a 251o angle. Adding 251o + 180o+30o = 101o for our first complementary color #B0CCA3. Decreasing 251o + 180o-30o = 41o for the second complementary color #CCBFA3. #CCBFA3 rgb (204,191,163) #CCBFA3 41o #ABA4CC rgb (171,164,204) #ABA4CC 251o #B0CCA3 rgb (176,204,163) #B0CCA3 101o

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. #CCABA3 rgb (204,171,163) #CCABA3 11o #ABA4CC rgb (171,164,204) #ABA4CC 251o #A3CCAB rgb (163,204,171) #A3CCAB 131o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #CCABA3 rgb (204,171,163) #CCABA3 11o #ABA4CC rgb (171,164,204) #ABA4CC 251o #C5CCA3 rgb (197,204,163) #C5CCA3 71o #A3C5CC rgb (163,197,204) #A3C5CC 191o