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

#3A3A5E

In a RGB color space, hex #3A3A5E is composed of 23% red, 23% green and 37% blue. RGB color code is composed of a hexadecimal 3A red (58/255), a 3A green (58/255) and a 5E blue component (94/255). The decimal RGB color code is rgb(58,58,94) In CMYK color space, it is composed of 38% cyan, 38% magenta, 0% yellow and 63% black. It has a hue angle of 240o degrees, a saturation of 24% and a lightness of 30%. Closest websafe color is: #333366 rgb (51, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #3A3A5E has RGB values of R:58, G:58, B:94 and CMYK values of C:38, M:38, Y:0, K:63. Its decimal value is 3816030.Binary code is 1110100011101001011110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 3A3A5E  #3A3A5E RGB decimal 58, 58, 94  rgb(58, 58, 94) RGB % 23, 23, 37  rgb(23%, 23%, 37%) RGB Adobe 61, 61, 93 CMYK % 38, 38, 0, 63  38%, 38%, 0%, 63% HSL 240o, 24, 30  hsl(240o, 24%, 30%) HSV (HSB) 240o, 38%, 37%  hsv(240o, 38%, 37%)

Web Safe color #333366 rgb (51, 51, 102) XYZ 5.278, 4.734 11.225 xyY 0.25, 0.22, 4.73 Hunter-Lab 21.76, 6.49, -17.18 CMY 77%, 77%, 63% Lab 25.72, 7.55, -21.68 Binary color 3A 3A 5E 111010 111010 1011110

Shades and tints of #3A3A5E

---

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

Tint color variation #3A3A5E

#585876 rgb (88,88,118) #585876 #71718B rgb (113,113,139) #71718B #86869C rgb (134,134,156) #86869C #9898AB rgb (152,152,171) #9898AB #A7A7B8 rgb (167,167,184) #A7A7B8 #B4B4C3 rgb (180,180,195) #B4B4C3 #BFBFCC rgb (191,191,204) #BFBFCC #C9C9D4 rgb (201,201,212) #C9C9D4 #D1D1DA rgb (209,209,218) #D1D1DA #D8D8E0 rgb (216,216,224) #D8D8E0

Shade color variation

#313150 rgb (49,49,80) #313150 #2A2A44 rgb (42,42,68) #2A2A44 #24243A rgb (36,36,58) #24243A #1F1F31 rgb (31,31,49) #1F1F31 #1A1A2A rgb (26,26,42) #1A1A2A #161624 rgb (22,22,36) #161624 #13131F rgb (19,19,31) #13131F #10101A rgb (16,16,26) #10101A #0E0E16 rgb (14,14,22) #0E0E16 #0C0C13 rgb (12,12,19) #0C0C13

Tones of #3A3A5E

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

#414161 rgb (65,65,97) #414161 #474764 rgb (71,71,100) #474764 #4D4D67 rgb (77,77,103) #4D4D67 #52526A rgb (82,82,106) #52526A #57576C rgb (87,87,108) #57576C #5B5B6E rgb (91,91,110) #5B5B6E #5F5F70 rgb (95,95,112) #5F5F70 #626272 rgb (98,98,114) #626272 #656573 rgb (101,101,115) #656573 #686874 rgb (104,104,116) #686874

Alternatives to #3A3A5E

---

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

#263A5E rgb (38,58,94) #263A5E #3A125E rgb (58,18,94) #3A125E #3A265E rgb (58,38,94) #3A265E #3A4E5E rgb (58,78,94) #3A4E5E #3A625E rgb (58,98,94) #3A625E #3A765E rgb (58,118,94) #3A765E

Quick use #3A3A5E

---

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

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

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

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

Color schemes with #3A3A5E

---

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: 38% has a #3A3A5E saturation. Adding 38% + 10% = 48% saturation for our new color #1D1D38. Decreasing 38% - 10% = 28% saturation for other monochromatic color #5F5F85. #5f5f85 rgb (95,95,133) #5f5f85 28% saturation #5f191f rgb (25,25,31) #5f191f 18% saturation #1d1d38 rgb (29,29,56) #1d1d38 48% saturation #0d0d1f rgb (13,13,31) #0d0d1f 58% 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. #4C3A5E rgb (76,58,94) #4C3A5E 270o #3A3A5E rgb (58,58,94) #3A3A5E 240o #3A4C5E rgb (58,76,94) #3A4C5E 210o

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: #3A3A5E has a 240o angle. Adding 240o + 180o = 60oo for our new complementary color #5E5E3A. #3A3A5E rgb (58,58,94) #3A3A5E 240o #5E5E3A rgb (94,94,58) #5E5E3A 60o

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: #3A3A5E has a 240o angle. Adding 240o + 180o+30o = 90o for our first complementary color #4C5E3A. Decreasing 240o + 180o-30o = 30o for the second complementary color #5E4C3A. #5E4C3A rgb (94,76,58) #5E4C3A 30o #3A3A5E rgb (58,58,94) #3A3A5E 240o #4C5E3A rgb (76,94,58) #4C5E3A 90o

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. #5E3A3A rgb (94,58,58) #5E3A3A 360o #3A3A5E rgb (58,58,94) #3A3A5E 240o #3A5E3A rgb (58,94,58) #3A5E3A 120o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #5E3A3A rgb (94,58,58) #5E3A3A 360o #3A3A5E rgb (58,58,94) #3A3A5E 240o #5E5E3A rgb (94,94,58) #5E5E3A 60o #3A5E5E rgb (58,94,94) #3A5E5E 180o