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

#A3DDB3

In a RGB color space, hex #A3DDB3 is composed of 64% red, 87% green and 70% blue. RGB color code is composed of a hexadecimal A3 red (163/255), a DD green (221/255) and a B3 blue component (179/255). The decimal RGB color code is rgb(163,221,179) In CMYK color space, it is composed of 26% cyan, 0% magenta, 19% yellow and 13% black. It has a hue angle of 136.55o degrees, a saturation of 46% and a lightness of 75%. Closest websafe color is: #99cccc rgb (153, 204, 204).

Color conversion

---

Convert color

---

The hexadecimal color #A3DDB3 has RGB values of R:163, G:221, B:179 and CMYK values of C:26, M:0, Y:19, K:13. Its decimal value is 10739123.Binary code is 101000111101110110110011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color A3DDB3  #A3DDB3 RGB decimal 163, 221, 179  rgb(163, 221, 179) RGB % 64, 87, 70  rgb(64%, 87%, 70%) RGB Adobe 181, 220, 180 CMYK % 26, 0, 19, 13  26%, 0%, 19%, 13% HSL 136.55o, 46, 75  hsl(136.55o, 46%, 75%) HSV (HSB) 137o, 26%, 87%  hsv(137o, 26%, 87%)

Web Safe color #99cccc rgb (153, 204, 204) XYZ 49.097, 62.754 52.173 xyY 0.3, 0.38, 62.75 Hunter-Lab 79.22, -24.15, 12.56 CMY 36%, 13%, 30% Lab 83.29, -25.58, 14.45 Binary color A3 DD B3 10100011 11011101 10110011

Shades and tints of #A3DDB3

---

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

Tint color variation #A3DDB3

#B1E2BE rgb (177,226,190) #B1E2BE #BDE6C8 rgb (189,230,200) #BDE6C8 #C7EAD0 rgb (199,234,208) #C7EAD0 #CFEDD7 rgb (207,237,215) #CFEDD7 #D6F0DD rgb (214,240,221) #D6F0DD #DCF2E2 rgb (220,242,226) #DCF2E2 #E1F4E6 rgb (225,244,230) #E1F4E6 #E6F6EA rgb (230,246,234) #E6F6EA #EAF7ED rgb (234,247,237) #EAF7ED #EDF8F0 rgb (237,248,240) #EDF8F0

Shade color variation

#8BBC98 rgb (139,188,152) #8BBC98 #76A081 rgb (118,160,129) #76A081 #64886E rgb (100,136,110) #64886E #55745E rgb (85,116,94) #55745E #486350 rgb (72,99,80) #486350 #3D5444 rgb (61,84,68) #3D5444 #34473A rgb (52,71,58) #34473A #2C3C31 rgb (44,60,49) #2C3C31 #25332A rgb (37,51,42) #25332A #1F2B24 rgb (31,43,36) #1F2B24

Tones of #A3DDB3

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

#A0D4AE rgb (160,212,174) #A0D4AE #9DCCA9 rgb (157,204,169) #9DCCA9 #9AC4A5 rgb (154,196,165) #9AC4A5 #97BDA1 rgb (151,189,161) #97BDA1 #95B79E rgb (149,183,158) #95B79E #93B29B rgb (147,178,155) #93B29B #91AD98 rgb (145,173,152) #91AD98 #8FA996 rgb (143,169,150) #8FA996 #8EA594 rgb (142,165,148) #8EA594 #8DA192 rgb (141,161,146) #8DA192

Alternatives to #A3DDB3

---

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

#A3A1B3 rgb (163,161,179) #A3A1B3 #A3B5B3 rgb (163,181,179) #A3B5B3 #A3C9B3 rgb (163,201,179) #A3C9B3 #A3F1B3 rgb (163,241,179) #A3F1B3 #B7FFB3 rgb (183,255,179) #B7FFB3 #CBFFB3 rgb (203,255,179) #CBFFB3

Quick use #A3DDB3

---

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

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

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

Pre-formatted code A3DDB3	code for script / programming
HTML, CSS:	= #A3DDB3; rgb(163, 221, 179)
Java:	= new Color(163, 221, 179)
.NET:	= Color.FromArgb (163, 221, 179);
Xojo:	= rgb (163, 221, 179, 0);
openGL:	= glColor3f (0.64f, 0.87f, 0.7f);
Swift:	= UIColor(red:0.64, green:0.87, blue:0.7, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.64 green:0.87 blue:0.7 alpha:1.00000];

Color schemes with #A3DDB3

---

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: 26% has a #A3DDB3 saturation. Adding 26% + 10% = 36% saturation for our new color #76B888. Decreasing 26% - 10% = 16% saturation for other monochromatic color #D6FFE2. #d6ffe2 rgb (214,255,226) #d6ffe2 16% saturation #d69e97 rgb (149,158,151) #d69e97 6% saturation #76b888 rgb (118,184,136) #76b888 36% saturation #559e6a rgb (85,158,106) #559e6a 46% 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. #A4DED1 rgb (164,222,209) #A4DED1 167o #A3DDB3 rgb (163,221,179) #A3DDB3 137o #B1DEA4 rgb (177,222,164) #B1DEA4 107o

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: #A3DDB3 has a 137o angle. Adding 137o + 180o = 317oo for our new complementary color #DEA4CE. #A3DDB3 rgb (163,221,179) #A3DDB3 137o #DEA4CE rgb (222,164,206) #DEA4CE 317o

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: #A3DDB3 has a 137o angle. Adding 137o + 180o+30o = 347o for our first complementary color #DEA4B1. Decreasing 137o + 180o-30o = 287o for the second complementary color #D1A4DE. #D1A4DE rgb (209,164,222) #D1A4DE 287o #A3DDB3 rgb (163,221,179) #A3DDB3 137o #DEA4B1 rgb (222,164,177) #DEA4B1 347o

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. #B5A4DE rgb (181,164,222) #B5A4DE 257o #A3DDB3 rgb (163,221,179) #A3DDB3 137o #DEB5A4 rgb (222,181,164) #DEB5A4 17o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B5A4DE rgb (181,164,222) #B5A4DE 257o #A3DDB3 rgb (163,221,179) #A3DDB3 137o #DEA4CE rgb (222,164,206) #DEA4CE 317o #CEDEA4 rgb (206,222,164) #CEDEA4 77o