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

#685FC9

In a RGB color space, hex #685FC9 is composed of 41% red, 37% green and 79% blue. RGB color code is composed of a hexadecimal 68 red (104/255), a 5F green (95/255) and a C9 blue component (201/255). The decimal RGB color code is rgb(104,95,201) In CMYK color space, it is composed of 48% cyan, 53% magenta, 0% yellow and 21% black. It has a hue angle of 245.09o degrees, a saturation of 50% and a lightness of 58%. Closest websafe color is: #6666cc rgb (102, 102, 204).

Color conversion

---

Convert color

---

The hexadecimal color #685FC9 has RGB values of R:104, G:95, B:201 and CMYK values of C:48, M:53, Y:0, K:21. Its decimal value is 6840265.Binary code is 11010000101111111001001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 685FC9  #685FC9 RGB decimal 104, 95, 201  rgb(104, 95, 201) RGB % 41, 37, 79  rgb(41%, 37%, 79%) RGB Adobe 101, 95, 197 CMYK % 48, 53, 0, 21  48%, 53%, 0%, 21% HSL 245.09o, 50, 58  hsl(245.09o, 50%, 58%) HSV (HSB) 245o, 53%, 79%  hsv(245o, 53%, 79%)

Web Safe color #6666cc rgb (102, 102, 204) XYZ 20.344, 15.345 57.148 xyY 0.22, 0.17, 15.35 Hunter-Lab 39.17, 26.66, -63.56 CMY 59%, 63%, 21% Lab 45.39, 25.31, -55.11 Binary color 68 5F C9 1101000 1011111 11001001

Shades and tints of #685FC9

---

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

Tint color variation #685FC9

#7F77D1 rgb (127,119,209) #7F77D1 #928BD8 rgb (146,139,216) #928BD8 #A29CDE rgb (162,156,222) #A29CDE #B0ABE3 rgb (176,171,227) #B0ABE3 #BCB8E7 rgb (188,184,231) #BCB8E7 #C6C3EB rgb (198,195,235) #C6C3EB #CFCCEE rgb (207,204,238) #CFCCEE #D6D4F1 rgb (214,212,241) #D6D4F1 #DCDAF3 rgb (220,218,243) #DCDAF3 #E1E0F5 rgb (225,224,245) #E1E0F5

Shade color variation

#5851AB rgb (88,81,171) #5851AB #4B4591 rgb (75,69,145) #4B4591 #403B7B rgb (64,59,123) #403B7B #363269 rgb (54,50,105) #363269 #2E2B59 rgb (46,43,89) #2E2B59 #27254C rgb (39,37,76) #27254C #211F41 rgb (33,31,65) #211F41 #1C1A37 rgb (28,26,55) #1C1A37 #18162F rgb (24,22,47) #18162F #141328 rgb (20,19,40) #141328

Tones of #685FC9

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

#6A62C2 rgb (106,98,194) #6A62C2 #6C65BB rgb (108,101,187) #6C65BB #6E68B5 rgb (110,104,181) #6E68B5 #706AB0 rgb (112,106,176) #706AB0 #726CAB rgb (114,108,171) #726CAB #736EA7 rgb (115,110,167) #736EA7 #7470A3 rgb (116,112,163) #7470A3 #7572A0 rgb (117,114,160) #7572A0 #76739D rgb (118,115,157) #76739D #77749A rgb (119,116,154) #77749A

Alternatives to #685FC9

---

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

#6823C9 rgb (104,35,201) #6823C9 #6837C9 rgb (104,55,201) #6837C9 #684BC9 rgb (104,75,201) #684BC9 #6873C9 rgb (104,115,201) #6873C9 #6887C9 rgb (104,135,201) #6887C9 #689BC9 rgb (104,155,201) #689BC9

Quick use #685FC9

---

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

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

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

Pre-formatted code 685FC9	code for script / programming
HTML, CSS:	= #685FC9; rgb(104, 95, 201)
Java:	= new Color(104, 95, 201)
.NET:	= Color.FromArgb (104, 95, 201);
Xojo:	= rgb (104, 95, 201, 0);
openGL:	= glColor3f (0.41f, 0.37f, 0.79f);
Swift:	= UIColor(red:0.41, green:0.37, blue:0.79, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.37 blue:0.79 alpha:1.00000];

Color schemes with #685FC9

---

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: 53% has a #685FC9 saturation. Adding 53% + 10% = 63% saturation for our new color #453CA3. Decreasing 53% - 10% = 43% saturation for other monochromatic color #9189F0. #9189f0 rgb (145,137,240) #9189f0 43% saturation #915c8a rgb (96,92,138) #915c8a 33% saturation #453ca3 rgb (69,60,163) #453ca3 63% saturation #2e258a rgb (46,37,138) #2e258a 73% 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. #9D5FC9 rgb (157,95,201) #9D5FC9 275o #685FC9 rgb (104,95,201) #685FC9 245o #5F8BC9 rgb (95,139,201) #5F8BC9 215o

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: #685FC9 has a 245o angle. Adding 245o + 180o = 65oo for our new complementary color #C1C95F. #685FC9 rgb (104,95,201) #685FC9 245o #C1C95F rgb (193,201,95) #C1C95F 65o

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: #685FC9 has a 245o angle. Adding 245o + 180o+30o = 95o for our first complementary color #8BC95F. Decreasing 245o + 180o-30o = 35o for the second complementary color #C99D5F. #C99D5F rgb (201,157,95) #C99D5F 35o #685FC9 rgb (104,95,201) #685FC9 245o #8BC95F rgb (139,201,95) #8BC95F 95o

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. #C9685F rgb (201,104,95) #C9685F 5o #685FC9 rgb (104,95,201) #685FC9 245o #5FC968 rgb (95,201,104) #5FC968 125o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #C9685F rgb (201,104,95) #C9685F 5o #685FC9 rgb (104,95,201) #685FC9 245o #C1C95F rgb (193,201,95) #C1C95F 65o #5FC1C9 rgb (95,193,201) #5FC1C9 185o