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

#6AAEE6

In a RGB color space, hex #6AAEE6 is composed of 42% red, 68% green and 90% blue. RGB color code is composed of a hexadecimal 6A red (106/255), a AE green (174/255) and a E6 blue component (230/255). The decimal RGB color code is rgb(106,174,230) In CMYK color space, it is composed of 54% cyan, 24% magenta, 0% yellow and 10% black. It has a hue angle of 207.1o degrees, a saturation of 71% and a lightness of 66%. Closest websafe color is: #6699ff rgb (102, 153, 255).

Color conversion

---

Convert color

---

The hexadecimal color #6AAEE6 has RGB values of R:106, G:174, B:230 and CMYK values of C:54, M:24, Y:0, K:10. Its decimal value is 6991590.Binary code is 11010101010111011100110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 6AAEE6  #6AAEE6 RGB decimal 106, 174, 230  rgb(106, 174, 230) RGB % 42, 68, 90  rgb(42%, 68%, 90%) RGB Adobe 129, 172, 227 CMYK % 54, 24, 0, 10  54%, 24%, 0%, 10% HSL 207.1o, 71, 66  hsl(207.1o, 71%, 66%) HSV (HSB) 207o, 54%, 90%  hsv(207o, 54%, 90%)

Web Safe color #6699ff rgb (102, 153, 255) XYZ 35.363, 39.049 80.536 xyY 0.23, 0.25, 39.05 Hunter-Lab 62.49, -5.08, -37.46 CMY 58%, 32%, 10% Lab 68.28, -10.34, -35.36 Binary color 6A AE E6 1101010 10101110 11100110

Shades and tints of #6AAEE6

---

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: #15222E is the darkest color, and: #E1EFFA is the lightest one.

Tint color variation #6AAEE6

#80BAEA rgb (128,186,234) #80BAEA #93C4ED rgb (147,196,237) #93C4ED #A3CDF0 rgb (163,205,240) #A3CDF0 #B1D5F2 rgb (177,213,242) #B1D5F2 #BDDBF4 rgb (189,219,244) #BDDBF4 #C7E0F6 rgb (199,224,246) #C7E0F6 #CFE5F7 rgb (207,229,247) #CFE5F7 #D6E9F8 rgb (214,233,248) #D6E9F8 #DCECF9 rgb (220,236,249) #DCECF9 #E1EFFA rgb (225,239,250) #E1EFFA

Shade color variation

#5A94C4 rgb (90,148,196) #5A94C4 #4D7EA7 rgb (77,126,167) #4D7EA7 #416B8E rgb (65,107,142) #416B8E #375B79 rgb (55,91,121) #375B79 #2F4D67 rgb (47,77,103) #2F4D67 #284158 rgb (40,65,88) #284158 #22374B rgb (34,55,75) #22374B #1D2F40 rgb (29,47,64) #1D2F40 #192836 rgb (25,40,54) #192836 #15222E rgb (21,34,46) #15222E

Tones of #6AAEE6

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

#6CA9DC rgb (108,169,220) #6CA9DC #6EA5D3 rgb (110,165,211) #6EA5D3 #70A1CB rgb (112,161,203) #70A1CB #729EC4 rgb (114,158,196) #729EC4 #739BBD rgb (115,155,189) #739BBD #7498B7 rgb (116,152,183) #7498B7 #7596B2 rgb (117,150,178) #7596B2 #7694AD rgb (118,148,173) #7694AD #7792A9 rgb (119,146,169) #7792A9 #7890A5 rgb (120,144,165) #7890A5

Alternatives to #6AAEE6

---

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

#6A72E6 rgb (106,114,230) #6A72E6 #6A86E6 rgb (106,134,230) #6A86E6 #6A9AE6 rgb (106,154,230) #6A9AE6 #6AC2E6 rgb (106,194,230) #6AC2E6 #6AD6E6 rgb (106,214,230) #6AD6E6 #6AEAE6 rgb (106,234,230) #6AEAE6

Quick use #6AAEE6

---

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

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

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

Pre-formatted code 6AAEE6	code for script / programming
HTML, CSS:	= #6AAEE6; rgb(106, 174, 230)
Java:	= new Color(106, 174, 230)
.NET:	= Color.FromArgb (106, 174, 230);
Xojo:	= rgb (106, 174, 230, 0);
openGL:	= glColor3f (0.42f, 0.68f, 0.9f);
Swift:	= UIColor(red:0.42, green:0.68, blue:0.9, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.42 green:0.68 blue:0.9 alpha:1.00000];

Color schemes with #6AAEE6

---

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: 54% has a #6AAEE6 saturation. Adding 54% + 10% = 64% saturation for our new color #4588BF. Decreasing 54% - 10% = 44% saturation for other monochromatic color #8FCDFF. #8fcdff rgb (143,205,255) #8fcdff 44% saturation #8f8ca6 rgb (109,140,166) #8f8ca6 34% saturation #4588bf rgb (69,136,191) #4588bf 64% saturation #2b6fa6 rgb (43,111,166) #2b6fa6 74% 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. #6A70E6 rgb (106,112,230) #6A70E6 237o #6AAEE6 rgb (106,174,230) #6AAEE6 207o #6AE6DF rgb (106,230,223) #6AE6DF 177o

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: #6AAEE6 has a 207o angle. Adding 207o + 180o = 27oo for our new complementary color #E6A16A. #6AAEE6 rgb (106,174,230) #6AAEE6 207o #E6A16A rgb (230,161,106) #E6A16A 27o

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: #6AAEE6 has a 207o angle. Adding 207o + 180o+30o = 57o for our first complementary color #E6DF6A. Decreasing 207o + 180o-30o = 357o for the second complementary color #E66A70. #E66A70 rgb (230,106,112) #E66A70 357o #6AAEE6 rgb (106,174,230) #6AAEE6 207o #E6DF6A rgb (230,223,106) #E6DF6A 57o

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. #E66AAE rgb (230,106,174) #E66AAE 327o #6AAEE6 rgb (106,174,230) #6AAEE6 207o #AEE66A rgb (174,230,106) #AEE66A 87o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #E66AAE rgb (230,106,174) #E66AAE 327o #6AAEE6 rgb (106,174,230) #6AAEE6 207o #E6A16A rgb (230,161,106) #E6A16A 27o #6AE6A1 rgb (106,230,161) #6AE6A1 147o