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

#3B478E

In a RGB color space, hex #3B478E is composed of 23% red, 28% green and 56% blue. RGB color code is composed of a hexadecimal 3B red (59/255), a 47 green (71/255) and a 8E blue component (142/255). The decimal RGB color code is rgb(59,71,142) In CMYK color space, it is composed of 58% cyan, 50% magenta, 0% yellow and 44% black. It has a hue angle of 231.33o degrees, a saturation of 41% and a lightness of 39%. Closest websafe color is: #333399 rgb (51, 51, 153).

Color conversion

---

Convert color

---

The hexadecimal color #3B478E has RGB values of R:59, G:71, B:142 and CMYK values of C:58, M:50, Y:0, K:44. Its decimal value is 3884942.Binary code is 1110110100011110001110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 3B478E  #3B478E RGB decimal 59, 71, 142  rgb(59, 71, 142) RGB % 23, 28, 56  rgb(23%, 28%, 56%) RGB Adobe 65, 73, 139 CMYK % 58, 50, 0, 44  58%, 50%, 0%, 44% HSL 231.33o, 41, 39  hsl(231.33o, 41%, 39%) HSV (HSB) 231o, 58%, 56%  hsv(231o, 58%, 56%)

Web Safe color #333399 rgb (51, 51, 153) XYZ 8.939, 7.389 26.546 xyY 0.21, 0.17, 7.39 Hunter-Lab 27.18, 12.78, -41.9 CMY 77%, 72%, 44% Lab 32.1, 12.58, -41.74 Binary color 3B 47 8E 111011 1000111 10001110

Shades and tints of #3B478E

---

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

Tint color variation #3B478E

#58639F rgb (88,99,159) #58639F #717AAD rgb (113,122,173) #717AAD #868EB9 rgb (134,142,185) #868EB9 #989FC4 rgb (152,159,196) #989FC4 #A7ADCD rgb (167,173,205) #A7ADCD #B4B9D5 rgb (180,185,213) #B4B9D5 #BFC4DB rgb (191,196,219) #BFC4DB #C9CDE0 rgb (201,205,224) #C9CDE0 #D1D5E5 rgb (209,213,229) #D1D5E5 #D8DBE9 rgb (216,219,233) #D8DBE9

Shade color variation

#323C79 rgb (50,60,121) #323C79 #2B3367 rgb (43,51,103) #2B3367 #252B58 rgb (37,43,88) #252B58 #1F254B rgb (31,37,75) #1F254B #1A1F40 rgb (26,31,64) #1A1F40 #161A36 rgb (22,26,54) #161A36 #13162E rgb (19,22,46) #13162E #101327 rgb (16,19,39) #101327 #0E1021 rgb (14,16,33) #0E1021 #0C0E1C rgb (12,14,28) #0C0E1C

Tones of #3B478E

A tone is produced by adding gray to any pure hue. In this case, #424D8D is the less saturated color, and #696C85 is the most saturated one.

#424D8D rgb (66,77,141) #424D8D #48528C rgb (72,82,140) #48528C #4E578B rgb (78,87,139) #4E578B #535B8A rgb (83,91,138) #535B8A #585F89 rgb (88,95,137) #585F89 #5C6288 rgb (92,98,136) #5C6288 #606587 rgb (96,101,135) #606587 #636886 rgb (99,104,134) #636886 #666A85 rgb (102,106,133) #666A85 #696C85 rgb (105,108,133) #696C85

Alternatives to #3B478E

---

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

#3B0B8E rgb (59,11,142) #3B0B8E #3B1F8E rgb (59,31,142) #3B1F8E #3B338E rgb (59,51,142) #3B338E #3B5B8E rgb (59,91,142) #3B5B8E #3B6F8E rgb (59,111,142) #3B6F8E #3B838E rgb (59,131,142) #3B838E

Quick use #3B478E

---

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

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

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

Pre-formatted code 3B478E	code for script / programming
HTML, CSS:	= #3B478E; rgb(59, 71, 142)
Java:	= new Color(59, 71, 142)
.NET:	= Color.FromArgb (59, 71, 142);
Xojo:	= rgb (59, 71, 142, 0);
openGL:	= glColor3f (0.23f, 0.28f, 0.56f);
Swift:	= UIColor(red:0.23, green:0.28, blue:0.56, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.23 green:0.28 blue:0.56 alpha:1.00000];

Color schemes with #3B478E

---

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 #3B478E saturation. Adding 58% + 10% = 68% saturation for our new color #212C69. Decreasing 58% - 10% = 48% saturation for other monochromatic color #5E6BB5. #5e6bb5 rgb (94,107,181) #5e6bb5 48% saturation #5e364f rgb (49,54,79) #5e364f 38% saturation #212c69 rgb (33,44,105) #212c69 68% saturation #111b4f rgb (17,27,79) #111b4f 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. #593C8F rgb (89,60,143) #593C8F 261o #3B478E rgb (59,71,142) #3B478E 231o #3C728F rgb (60,114,143) #3C728F 201o

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: #3B478E has a 231o angle. Adding 231o + 180o = 51oo for our new complementary color #8F823C. #3B478E rgb (59,71,142) #3B478E 231o #8F823C rgb (143,130,60) #8F823C 51o

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: #3B478E has a 231o angle. Adding 231o + 180o+30o = 81o for our first complementary color #728F3C. Decreasing 231o + 180o-30o = 21o for the second complementary color #8F593C. #8F593C rgb (143,89,60) #8F593C 21o #3B478E rgb (59,71,142) #3B478E 231o #728F3C rgb (114,143,60) #728F3C 81o

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. #8F3C48 rgb (143,60,72) #8F3C48 351o #3B478E rgb (59,71,142) #3B478E 231o #488F3C rgb (72,143,60) #488F3C 111o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #8F3C48 rgb (143,60,72) #8F3C48 351o #3B478E rgb (59,71,142) #3B478E 231o #8F823C rgb (143,130,60) #8F823C 51o #3C8F82 rgb (60,143,130) #3C8F82 171o