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

#689AF7

In a RGB color space, hex #689AF7 is composed of 41% red, 60% green and 97% blue. RGB color code is composed of a hexadecimal 68 red (104/255), a 9A green (154/255) and a F7 blue component (247/255). The decimal RGB color code is rgb(104,154,247) In CMYK color space, it is composed of 58% cyan, 38% magenta, 0% yellow and 3% black. It has a hue angle of 219.02o degrees, a saturation of 90% and a lightness of 69%. Closest websafe color is: #6699ff rgb (102, 153, 255).

Color conversion

---

Convert color

---

The hexadecimal color #689AF7 has RGB values of R:104, G:154, B:247 and CMYK values of C:58, M:38, Y:0, K:3. Its decimal value is 6855415.Binary code is 11010001001101011110111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 689AF7  #689AF7 RGB decimal 104, 154, 247  rgb(104, 154, 247) RGB % 41, 60, 97  rgb(41%, 60%, 97%) RGB Adobe 120, 153, 244 CMYK % 58, 38, 0, 3  58%, 38%, 0%, 3% HSL 219.02o, 90, 69  hsl(219.02o, 90%, 69%) HSV (HSB) 219o, 58%, 97%  hsv(219o, 58%, 97%)

Web Safe color #6699ff rgb (102, 153, 255) XYZ 34.053, 32.77 92.526 xyY 0.21, 0.21, 32.77 Hunter-Lab 57.25, 9.21, -61.14 CMY 59%, 40%, 3% Lab 63.25, 3.83, -52.47 Binary color 68 9A F7 1101000 10011010 11110111

Shades and tints of #689AF7

---

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: #141F31 is the darkest color, and: #E1EBFC is the lightest one.

Tint color variation #689AF7

#7FA9F8 rgb (127,169,248) #7FA9F8 #92B6F9 rgb (146,182,249) #92B6F9 #A2C1FA rgb (162,193,250) #A2C1FA #B0CAFB rgb (176,202,251) #B0CAFB #BCD2FC rgb (188,210,252) #BCD2FC #C6D9FC rgb (198,217,252) #C6D9FC #CFDFFC rgb (207,223,252) #CFDFFC #D6E4FC rgb (214,228,252) #D6E4FC #DCE8FC rgb (220,232,252) #DCE8FC #E1EBFC rgb (225,235,252) #E1EBFC

Shade color variation

#5883D2 rgb (88,131,210) #5883D2 #4B6FB3 rgb (75,111,179) #4B6FB3 #405E98 rgb (64,94,152) #405E98 #365081 rgb (54,80,129) #365081 #2E446E rgb (46,68,110) #2E446E #273A5E rgb (39,58,94) #273A5E #213150 rgb (33,49,80) #213150 #1C2A44 rgb (28,42,68) #1C2A44 #18243A rgb (24,36,58) #18243A #141F31 rgb (20,31,49) #141F31

Tones of #689AF7

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

#6A97EB rgb (106,151,235) #6A97EB #6C95E0 rgb (108,149,224) #6C95E0 #6E93D6 rgb (110,147,214) #6E93D6 #7091CD rgb (112,145,205) #7091CD #728FC5 rgb (114,143,197) #728FC5 #738EBE rgb (115,142,190) #738EBE #748DB8 rgb (116,141,184) #748DB8 #758CB2 rgb (117,140,178) #758CB2 #768BAD rgb (118,139,173) #768BAD #778AA9 rgb (119,138,169) #778AA9

Alternatives to #689AF7

---

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

#685EF7 rgb (104,94,247) #685EF7 #6872F7 rgb (104,114,247) #6872F7 #6886F7 rgb (104,134,247) #6886F7 #68AEF7 rgb (104,174,247) #68AEF7 #68C2F7 rgb (104,194,247) #68C2F7 #68D6F7 rgb (104,214,247) #68D6F7

Quick use #689AF7

---

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

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

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

Pre-formatted code 689AF7	code for script / programming
HTML, CSS:	= #689AF7; rgb(104, 154, 247)
Java:	= new Color(104, 154, 247)
.NET:	= Color.FromArgb (104, 154, 247);
Xojo:	= rgb (104, 154, 247, 0);
openGL:	= glColor3f (0.41f, 0.6f, 0.97f);
Swift:	= UIColor(red:0.41, green:0.6, blue:0.97, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.6 blue:0.97 alpha:1.00000];

Color schemes with #689AF7

---

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: 58% has a #689AF7 saturation. Adding 58% + 10% = 68% saturation for our new color #4375D1. Decreasing 58% - 10% = 48% saturation for other monochromatic color #85AFFF. #85afff rgb (133,175,255) #85afff 48% saturation #858ab8 rgb (114,138,184) #858ab8 38% saturation #4375d1 rgb (67,117,209) #4375d1 68% saturation #285bb8 rgb (40,91,184) #285bb8 78% 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. #7D68F7 rgb (125,104,247) #7D68F7 249o #689AF7 rgb (104,154,247) #689AF7 219o #68E2F7 rgb (104,226,247) #68E2F7 189o

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: #689AF7 has a 219o angle. Adding 219o + 180o = 39oo for our new complementary color #F7C568. #689AF7 rgb (104,154,247) #689AF7 219o #F7C568 rgb (247,197,104) #F7C568 39o

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: #689AF7 has a 219o angle. Adding 219o + 180o+30o = 69o for our first complementary color #E2F768. Decreasing 219o + 180o-30o = 9o for the second complementary color #F77D68. #F77D68 rgb (247,125,104) #F77D68 9o #689AF7 rgb (104,154,247) #689AF7 219o #E2F768 rgb (226,247,104) #E2F768 69o

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. #F7689A rgb (247,104,154) #F7689A 339o #689AF7 rgb (104,154,247) #689AF7 219o #9AF768 rgb (154,247,104) #9AF768 99o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #F7689A rgb (247,104,154) #F7689A 339o #689AF7 rgb (104,154,247) #689AF7 219o #F7C568 rgb (247,197,104) #F7C568 39o #68F7C5 rgb (104,247,197) #68F7C5 159o