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

#44AAC4

In a RGB color space, hex #44AAC4 is composed of 27% red, 67% green and 77% blue. RGB color code is composed of a hexadecimal 44 red (68/255), a AA green (170/255) and a C4 blue component (196/255). The decimal RGB color code is rgb(68,170,196) In CMYK color space, it is composed of 65% cyan, 13% magenta, 0% yellow and 23% black. It has a hue angle of 192.19o degrees, a saturation of 52% and a lightness of 52%. Closest websafe color is: #3399cc rgb (51, 153, 204).

Color conversion

---

Convert color

---

The hexadecimal color #44AAC4 has RGB values of R:68, G:170, B:196 and CMYK values of C:65, M:13, Y:0, K:23. Its decimal value is 4500164.Binary code is 10001001010101011000100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 44AAC4  #44AAC4 RGB decimal 68, 170, 196  rgb(68, 170, 196) RGB % 27, 67, 77  rgb(27%, 67%, 77%) RGB Adobe 110, 168, 194 CMYK % 65, 13, 0, 23  65%, 13%, 0%, 23% HSL 192.19o, 52, 52  hsl(192.19o, 52%, 52%) HSV (HSB) 192o, 65%, 77%  hsv(192o, 65%, 77%)

Web Safe color #3399cc rgb (51, 153, 204) XYZ 26.722, 33.964 57.372 xyY 0.23, 0.29, 33.96 Hunter-Lab 58.28, -17.3, -21.54 CMY 73%, 33%, 23% Lab 64.52, -24.48, -22.61 Binary color 44 AA C4 1000100 10101010 11000100

Shades and tints of #44AAC4

---

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: #0E2227 is the darkest color, and: #DAEFF3 is the lightest one.

Tint color variation #44AAC4

#60B7CD rgb (96,183,205) #60B7CD #78C2D5 rgb (120,194,213) #78C2D5 #8CCBDB rgb (140,203,219) #8CCBDB #9DD3E0 rgb (157,211,224) #9DD3E0 #ACDAE5 rgb (172,218,229) #ACDAE5 #B8E0E9 rgb (184,224,233) #B8E0E9 #C3E5EC rgb (195,229,236) #C3E5EC #CCE9EF rgb (204,233,239) #CCE9EF #D4ECF1 rgb (212,236,241) #D4ECF1 #DAEFF3 rgb (218,239,243) #DAEFF3

Shade color variation

#3A91A7 rgb (58,145,167) #3A91A7 #317B8E rgb (49,123,142) #317B8E #2A6979 rgb (42,105,121) #2A6979 #245967 rgb (36,89,103) #245967 #1F4C58 rgb (31,76,88) #1F4C58 #1A414B rgb (26,65,75) #1A414B #163740 rgb (22,55,64) #163740 #132F36 rgb (19,47,54) #132F36 #10282E rgb (16,40,46) #10282E #0E2227 rgb (14,34,39) #0E2227

Tones of #44AAC4

A tone is produced by adding gray to any pure hue. In this case, #4AA6BD is the less saturated color, and #6B8F98 is the most saturated one.

#4AA6BD rgb (74,166,189) #4AA6BD #4FA2B7 rgb (79,162,183) #4FA2B7 #549FB2 rgb (84,159,178) #549FB2 #589CAD rgb (88,156,173) #589CAD #5C99A9 rgb (92,153,169) #5C99A9 #6097A5 rgb (96,151,165) #6097A5 #6395A1 rgb (99,149,161) #6395A1 #66939E rgb (102,147,158) #66939E #69919B rgb (105,145,155) #69919B #6B8F98 rgb (107,143,152) #6B8F98

Alternatives to #44AAC4

---

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

#446EC4 rgb (68,110,196) #446EC4 #4482C4 rgb (68,130,196) #4482C4 #4496C4 rgb (68,150,196) #4496C4 #44BEC4 rgb (68,190,196) #44BEC4 #44D2C4 rgb (68,210,196) #44D2C4 #44E6C4 rgb (68,230,196) #44E6C4

Quick use #44AAC4

---

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

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

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

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

Color schemes with #44AAC4

---

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: 65% has a #44AAC4 saturation. Adding 65% + 10% = 75% saturation for our new color #28869E. Decreasing 65% - 10% = 55% saturation for other monochromatic color #6AD1EB. #6ad1eb rgb (106,209,235) #6ad1eb 55% saturation #6a7985 rgb (73,121,133) #6a7985 45% saturation #28869e rgb (40,134,158) #28869e 75% saturation #146e85 rgb (20,110,133) #146e85 85% 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. #456BC4 rgb (69,107,196) #456BC4 222o #44AAC4 rgb (68,170,196) #44AAC4 192o #45C49E rgb (69,196,158) #45C49E 162o

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: #44AAC4 has a 192o angle. Adding 192o + 180o = 12oo for our new complementary color #C45E45. #44AAC4 rgb (68,170,196) #44AAC4 192o #C45E45 rgb (196,94,69) #C45E45 12o

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: #44AAC4 has a 192o angle. Adding 192o + 180o+30o = 42o for our first complementary color #C49E45. Decreasing 192o + 180o-30o = 342o for the second complementary color #C4456B. #C4456B rgb (196,69,107) #C4456B 342o #44AAC4 rgb (68,170,196) #44AAC4 192o #C49E45 rgb (196,158,69) #C49E45 42o

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. #C445AB rgb (196,69,171) #C445AB 312o #44AAC4 rgb (68,170,196) #44AAC4 192o #ABC445 rgb (171,196,69) #ABC445 72o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #C445AB rgb (196,69,171) #C445AB 312o #44AAC4 rgb (68,170,196) #44AAC4 192o #C45E45 rgb (196,94,69) #C45E45 12o #45C45E rgb (69,196,94) #45C45E 132o