#3F639E color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #3F639E

#3F639E

In a RGB color space, hex #3F639E is composed of 25% red, 39% green and 62% blue. RGB color code is composed of a hexadecimal 3F red (63/255), a 63 green (99/255) and a 9E blue component (158/255). The decimal RGB color code is rgb(63,99,158) In CMYK color space, it is composed of 60% cyan, 37% magenta, 0% yellow and 38% black. It has a hue angle of 217.26o degrees, a saturation of 43% and a lightness of 43%. Closest websafe color is: #336699 rgb (51, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #3F639E has RGB values of R:63, G:99, B:158 and CMYK values of C:60, M:37, Y:0, K:38. Its decimal value is 4154270.Binary code is 1111110110001110011110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 3F639E  #3F639E RGB decimal 63, 99, 158  rgb(63, 99, 158) RGB % 25, 39, 62  rgb(25%, 39%, 62%) RGB Adobe 77, 99, 155 CMYK % 60, 37, 0, 38  60%, 37%, 0%, 38% HSL 217.26o, 43, 43  hsl(217.26o, 43%, 43%) HSV (HSB) 217o, 60%, 62%  hsv(217o, 60%, 62%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 12.683, 12.449 34.082 xyY 0.21, 0.21, 12.45 Hunter-Lab 35.28, 4.37, -35.82 CMY 75%, 61%, 38% Lab 41.41, 1.23, -36.58 Binary color 3F 63 9E 111111 1100011 10011110

Shades and tints of #3F639E

---

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

Tint color variation #3F639E

#5C7AAD rgb (92,122,173) #5C7AAD #748EB9 rgb (116,142,185) #748EB9 #899FC4 rgb (137,159,196) #899FC4 #9BADCD rgb (155,173,205) #9BADCD #AAB9D5 rgb (170,185,213) #AAB9D5 #B7C4DB rgb (183,196,219) #B7C4DB #C2CDE0 rgb (194,205,224) #C2CDE0 #CBD5E5 rgb (203,213,229) #CBD5E5 #D3DBE9 rgb (211,219,233) #D3DBE9 #DAE0EC rgb (218,224,236) #DAE0EC

Shade color variation

#365486 rgb (54,84,134) #365486 #2E4772 rgb (46,71,114) #2E4772 #273C61 rgb (39,60,97) #273C61 #213352 rgb (33,51,82) #213352 #1C2B46 rgb (28,43,70) #1C2B46 #18253C rgb (24,37,60) #18253C #141F33 rgb (20,31,51) #141F33 #111A2B rgb (17,26,43) #111A2B #0E1625 rgb (14,22,37) #0E1625 #0C131F rgb (12,19,31) #0C131F

Tones of #3F639E

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

#46669B rgb (70,102,155) #46669B #4C6998 rgb (76,105,152) #4C6998 #516B96 rgb (81,107,150) #516B96 #566D94 rgb (86,109,148) #566D94 #5A6F92 rgb (90,111,146) #5A6F92 #5E7190 rgb (94,113,144) #5E7190 #61738E rgb (97,115,142) #61738E #64748D rgb (100,116,141) #64748D #67758C rgb (103,117,140) #67758C #6A768B rgb (106,118,139) #6A768B

Alternatives to #3F639E

---

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

#3F279E rgb (63,39,158) #3F279E #3F3B9E rgb (63,59,158) #3F3B9E #3F4F9E rgb (63,79,158) #3F4F9E #3F779E rgb (63,119,158) #3F779E #3F8B9E rgb (63,139,158) #3F8B9E #3F9F9E rgb (63,159,158) #3F9F9E

Quick use #3F639E

---

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

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

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

Pre-formatted code 3F639E	code for script / programming
HTML, CSS:	= #3F639E; rgb(63, 99, 158)
Java:	= new Color(63, 99, 158)
.NET:	= Color.FromArgb (63, 99, 158);
Xojo:	= rgb (63, 99, 158, 0);
openGL:	= glColor3f (0.25f, 0.39f, 0.62f);
Swift:	= UIColor(red:0.25, green:0.39, blue:0.62, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.25 green:0.39 blue:0.62 alpha:1.00000];

Color schemes with #3F639E

---

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: 60% has a #3F639E saturation. Adding 60% + 10% = 70% saturation for our new color #244478. Decreasing 60% - 10% = 50% saturation for other monochromatic color #6288C4. #6288c4 rgb (98,136,196) #6288c4 50% saturation #62475e rgb (57,71,94) #62475e 40% saturation #244478 rgb (36,68,120) #244478 70% saturation #13305e rgb (19,48,94) #13305e 80% 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. #4A3F9E rgb (74,63,158) #4A3F9E 247o #3F639E rgb (63,99,158) #3F639E 217o #3F939E rgb (63,147,158) #3F939E 187o

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: #3F639E has a 217o angle. Adding 217o + 180o = 37oo for our new complementary color #9E7A3F. #3F639E rgb (63,99,158) #3F639E 217o #9E7A3F rgb (158,122,63) #9E7A3F 37o

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: #3F639E has a 217o angle. Adding 217o + 180o+30o = 67o for our first complementary color #939E3F. Decreasing 217o + 180o-30o = 7o for the second complementary color #9E4A3F. #9E4A3F rgb (158,74,63) #9E4A3F 7o #3F639E rgb (63,99,158) #3F639E 217o #939E3F rgb (147,158,63) #939E3F 67o

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. #9E3F64 rgb (158,63,100) #9E3F64 337o #3F639E rgb (63,99,158) #3F639E 217o #649E3F rgb (100,158,63) #649E3F 97o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #9E3F64 rgb (158,63,100) #9E3F64 337o #3F639E rgb (63,99,158) #3F639E 217o #9E7A3F rgb (158,122,63) #9E7A3F 37o #3F9E7A rgb (63,158,122) #3F9E7A 157o