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

#ABD2AA

In a RGB color space, hex #ABD2AA is composed of 67% red, 82% green and 67% blue. RGB color code is composed of a hexadecimal AB red (171/255), a D2 green (210/255) and a AA blue component (170/255). The decimal RGB color code is rgb(171,210,170) In CMYK color space, it is composed of 19% cyan, 0% magenta, 19% yellow and 18% black. It has a hue angle of 118.5o degrees, a saturation of 31% and a lightness of 75%. Closest websafe color is: #99cc99 rgb (153, 204, 153).

Color conversion

---

Convert color

---

The hexadecimal color #ABD2AA has RGB values of R:171, G:210, B:170 and CMYK values of C:19, M:0, Y:19, K:18. Its decimal value is 11260586.Binary code is 101010111101001010101010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color ABD2AA  #ABD2AA RGB decimal 171, 210, 170  rgb(171, 210, 170) RGB % 67, 82, 67  rgb(67%, 82%, 67%) RGB Adobe 182, 209, 170 CMYK % 19, 0, 19, 18  19%, 0%, 19%, 18% HSL 118.5o, 31, 75  hsl(118.5o, 31%, 75%) HSV (HSB) 119o, 19%, 82%  hsv(119o, 19%, 82%)

Web Safe color #99cc99 rgb (153, 204, 153) XYZ 47.097, 57.653 46.676 xyY 0.31, 0.38, 57.65 Hunter-Lab 75.93, -18.39, 13.05 CMY 33%, 18%, 33% Lab 80.57, -19.09, 15.48 Binary color AB D2 AA 10101011 11010010 10101010

Shades and tints of #ABD2AA

---

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: #222A22 is the darkest color, and: #EFF7EF is the lightest one.

Tint color variation #ABD2AA

#B8D9B7 rgb (184,217,183) #B8D9B7 #C3DFC2 rgb (195,223,194) #C3DFC2 #CCE4CB rgb (204,228,203) #CCE4CB #D4E8D3 rgb (212,232,211) #D4E8D3 #DAEBDA rgb (218,235,218) #DAEBDA #E0EEE0 rgb (224,238,224) #E0EEE0 #E5F1E5 rgb (229,241,229) #E5F1E5 #E9F3E9 rgb (233,243,233) #E9F3E9 #ECF5EC rgb (236,245,236) #ECF5EC #EFF7EF rgb (239,247,239) #EFF7EF

Shade color variation

#91B391 rgb (145,179,145) #91B391 #7B987B rgb (123,152,123) #7B987B #698169 rgb (105,129,105) #698169 #596E59 rgb (89,110,89) #596E59 #4C5E4C rgb (76,94,76) #4C5E4C #415041 rgb (65,80,65) #415041 #374437 rgb (55,68,55) #374437 #2F3A2F rgb (47,58,47) #2F3A2F #283128 rgb (40,49,40) #283128 #222A22 rgb (34,42,34) #222A22

Tones of #ABD2AA

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

#A7CAA6 rgb (167,202,166) #A7CAA6 #A3C3A2 rgb (163,195,162) #A3C3A2 #A0BC9F rgb (160,188,159) #A0BC9F #9DB69C rgb (157,182,156) #9DB69C #9AB199 rgb (154,177,153) #9AB199 #97AC97 rgb (151,172,151) #97AC97 #95A895 rgb (149,168,149) #95A895 #93A493 rgb (147,164,147) #93A493 #91A091 rgb (145,160,145) #91A091 #8F9D8F rgb (143,157,143) #8F9D8F

Alternatives to #ABD2AA

---

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

#AB96AA rgb (171,150,170) #AB96AA #ABAAAA rgb (171,170,170) #ABAAAA #ABBEAA rgb (171,190,170) #ABBEAA #ABE6AA rgb (171,230,170) #ABE6AA #ABFAAA rgb (171,250,170) #ABFAAA #BFFFAA rgb (191,255,170) #BFFFAA

Quick use #ABD2AA

---

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

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

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

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

Color schemes with #ABD2AA

---

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: 19% has a #ABD2AA saturation. Adding 19% + 10% = 29% saturation for our new color #7AAB79. Decreasing 19% - 10% = 9% saturation for other monochromatic color #E1F7E1. #e1f7e1 rgb (225,247,225) #e1f7e1 9% saturation #e19191 rgb (145,145,145) #e19191 0% saturation #7aab79 rgb (122,171,121) #7aab79 29% saturation #5a9159 rgb (90,145,89) #5a9159 39% 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. #A9D1BD rgb (169,209,189) #A9D1BD 149o #ABD2AA rgb (171,210,170) #ABD2AA 119o #BED1A9 rgb (190,209,169) #BED1A9 89o

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: #ABD2AA has a 119o angle. Adding 119o + 180o = 299oo for our new complementary color #D0A9D1. #ABD2AA rgb (171,210,170) #ABD2AA 119o #D0A9D1 rgb (208,169,209) #D0A9D1 299o

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: #ABD2AA has a 119o angle. Adding 119o + 180o+30o = 329o for our first complementary color #D1A9BE. Decreasing 119o + 180o-30o = 269o for the second complementary color #BDA9D1. #BDA9D1 rgb (189,169,209) #BDA9D1 269o #ABD2AA rgb (171,210,170) #ABD2AA 119o #D1A9BE rgb (209,169,190) #D1A9BE 329o

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. #A9AAD1 rgb (169,170,209) #A9AAD1 239o #ABD2AA rgb (171,210,170) #ABD2AA 119o #D1A9AA rgb (209,169,170) #D1A9AA 359o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #A9AAD1 rgb (169,170,209) #A9AAD1 239o #ABD2AA rgb (171,210,170) #ABD2AA 119o #D0A9D1 rgb (208,169,209) #D0A9D1 299o #D1D0A9 rgb (209,208,169) #D1D0A9 59o