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

#2DA676

In a RGB color space, hex #2DA676 is composed of 18% red, 65% green and 46% blue. RGB color code is composed of a hexadecimal 2D red (45/255), a A6 green (166/255) and a 76 blue component (118/255). The decimal RGB color code is rgb(45,166,118) In CMYK color space, it is composed of 73% cyan, 0% magenta, 29% yellow and 35% black. It has a hue angle of 156.2o degrees, a saturation of 57% and a lightness of 41%. Closest websafe color is: #339966 rgb (51, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #2DA676 has RGB values of R:45, G:166, B:118 and CMYK values of C:73, M:0, Y:29, K:35. Its decimal value is 2991734.Binary code is 1011011010011001110110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 2DA676  #2DA676 RGB decimal 45, 166, 118  rgb(45, 166, 118) RGB % 18, 65, 46  rgb(18%, 65%, 46%) RGB Adobe 100, 164, 120 CMYK % 73, 0, 29, 35  73%, 0%, 29%, 35% HSL 156.2o, 57, 41  hsl(156.2o, 57%, 41%) HSV (HSB) 156o, 73%, 65%  hsv(156o, 73%, 65%)

Web Safe color #339966 rgb (51, 153, 102) XYZ 17.988, 29.138 21.816 xyY 0.26, 0.42, 29.14 Hunter-Lab 53.98, -32.61, 11.3 CMY 82%, 35%, 54% Lab 60.8, -43.06, 15.04 Binary color 2D A6 76 101101 10100110 1110110

Shades and tints of #2DA676

---

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: #092116 is the darkest color, and: #D6EDE5 is the lightest one.

Tint color variation #2DA676

#4DB38B rgb (77,179,139) #4DB38B #68BE9C rgb (104,190,156) #68BE9C #7FC8AB rgb (127,200,171) #7FC8AB #92D0B8 rgb (146,208,184) #92D0B8 #A2D7C3 rgb (162,215,195) #A2D7C3 #B0DDCC rgb (176,221,204) #B0DDCC #BCE2D4 rgb (188,226,212) #BCE2D4 #C6E6DA rgb (198,230,218) #C6E6DA #CFEAE0 rgb (207,234,224) #CFEAE0 #D6EDE5 rgb (214,237,229) #D6EDE5

Shade color variation

#268D64 rgb (38,141,100) #268D64 #207855 rgb (32,120,85) #207855 #1B6648 rgb (27,102,72) #1B6648 #17573D rgb (23,87,61) #17573D #144A34 rgb (20,74,52) #144A34 #113F2C rgb (17,63,44) #113F2C #0E3625 rgb (14,54,37) #0E3625 #0C2E1F rgb (12,46,31) #0C2E1F #0A271A rgb (10,39,26) #0A271A #092116 rgb (9,33,22) #092116

Tones of #2DA676

A tone is produced by adding gray to any pure hue. In this case, #35A277 is the less saturated color, and #638E7C is the most saturated one.

#35A277 rgb (53,162,119) #35A277 #3D9F78 rgb (61,159,120) #3D9F78 #449C79 rgb (68,156,121) #449C79 #4A997A rgb (74,153,122) #4A997A #4F977B rgb (79,151,123) #4F977B #54957C rgb (84,149,124) #54957C #58937C rgb (88,147,124) #58937C #5C917C rgb (92,145,124) #5C917C #608F7C rgb (96,143,124) #608F7C #638E7C rgb (99,142,124) #638E7C

Alternatives to #2DA676

---

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

#2D6A76 rgb (45,106,118) #2D6A76 #2D7E76 rgb (45,126,118) #2D7E76 #2D9276 rgb (45,146,118) #2D9276 #2DBA76 rgb (45,186,118) #2DBA76 #2DCE76 rgb (45,206,118) #2DCE76 #2DE276 rgb (45,226,118) #2DE276

Quick use #2DA676

---

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

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

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

Pre-formatted code 2DA676	code for script / programming
HTML, CSS:	= #2DA676; rgb(45, 166, 118)
Java:	= new Color(45, 166, 118)
.NET:	= Color.FromArgb (45, 166, 118);
Xojo:	= rgb (45, 166, 118, 0);
openGL:	= glColor3f (0.18f, 0.65f, 0.46f);
Swift:	= UIColor(red:0.18, green:0.65, blue:0.46, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.18 green:0.65 blue:0.46 alpha:1.00000];

Color schemes with #2DA676

---

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: 73% has a #2DA676 saturation. Adding 73% + 10% = 83% saturation for our new color #168055. Decreasing 73% - 10% = 63% saturation for other monochromatic color #4BCC99. #4bcc99 rgb (75,204,153) #4bcc99 63% saturation #4b6650 rgb (48,102,80) #4b6650 53% saturation #168055 rgb (22,128,85) #168055 83% saturation #076640 rgb (7,102,64) #076640 93% 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. #2D9AA6 rgb (45,154,166) #2D9AA6 186o #2DA676 rgb (45,166,118) #2DA676 156o #2DA639 rgb (45,166,57) #2DA639 126o

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: #2DA676 has a 156o angle. Adding 156o + 180o = 336oo for our new complementary color #A62D5D. #2DA676 rgb (45,166,118) #2DA676 156o #A62D5D rgb (166,45,93) #A62D5D 336o

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: #2DA676 has a 156o angle. Adding 156o + 180o+30o = 6o for our first complementary color #A6392D. Decreasing 156o + 180o-30o = 306o for the second complementary color #A62D9A. #A62D9A rgb (166,45,154) #A62D9A 306o #2DA676 rgb (45,166,118) #2DA676 156o #A6392D rgb (166,57,45) #A6392D 6o

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. #752DA6 rgb (117,45,166) #752DA6 276o #2DA676 rgb (45,166,118) #2DA676 156o #A6752D rgb (166,117,45) #A6752D 36o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #752DA6 rgb (117,45,166) #752DA6 276o #2DA676 rgb (45,166,118) #2DA676 156o #A62D5D rgb (166,45,93) #A62D5D 336o #5DA62D rgb (93,166,45) #5DA62D 96o