#5A368F color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #5A368F

#5A368F

In a RGB color space, hex #5A368F is composed of 35% red, 21% green and 56% blue. RGB color code is composed of a hexadecimal 5A red (90/255), a 36 green (54/255) and a 8F blue component (143/255). The decimal RGB color code is rgb(90,54,143) In CMYK color space, it is composed of 37% cyan, 62% magenta, 0% yellow and 44% black. It has a hue angle of 264.27o degrees, a saturation of 45% and a lightness of 39%. Closest websafe color is: #663399 rgb (102, 51, 153).

Color conversion

---

Convert color

---

The hexadecimal color #5A368F has RGB values of R:90, G:54, B:143 and CMYK values of C:37, M:62, Y:0, K:44. Its decimal value is 5912207.Binary code is 10110100011011010001111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5A368F  #5A368F RGB decimal 90, 54, 143  rgb(90, 54, 143) RGB % 35, 21, 56  rgb(35%, 21%, 56%) RGB Adobe 83, 57, 139 CMYK % 37, 62, 0, 44  37%, 62%, 0%, 44% HSL 264.27o, 45, 39  hsl(264.27o, 45%, 39%) HSV (HSB) 264o, 62%, 56%  hsv(264o, 62%, 56%)

Web Safe color #663399 rgb (102, 51, 153) XYZ 10.494, 6.795 26.745 xyY 0.24, 0.15, 6.8 Hunter-Lab 26.07, 28.07, -45.7 CMY 65%, 79%, 44% Lab 30.84, 31.51, -44.18 Binary color 5A 36 8F 1011010 110110 10001111

Shades and tints of #5A368F

---

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: #120A1C is the darkest color, and: #DFD7E9 is the lightest one.

Tint color variation #5A368F

#7354A0 rgb (115,84,160) #7354A0 #886EAE rgb (136,110,174) #886EAE #9A84BA rgb (154,132,186) #9A84BA #A996C4 rgb (169,150,196) #A996C4 #B6A6CD rgb (182,166,205) #B6A6CD #C1B3D5 rgb (193,179,213) #C1B3D5 #CABEDB rgb (202,190,219) #CABEDB #D2C8E0 rgb (210,200,224) #D2C8E0 #D9D0E5 rgb (217,208,229) #D9D0E5 #DFD7E9 rgb (223,215,233) #DFD7E9

Shade color variation

#4D2E7A rgb (77,46,122) #4D2E7A #412768 rgb (65,39,104) #412768 #372158 rgb (55,33,88) #372158 #2F1C4B rgb (47,28,75) #2F1C4B #281840 rgb (40,24,64) #281840 #221436 rgb (34,20,54) #221436 #1D112E rgb (29,17,46) #1D112E #190E27 rgb (25,14,39) #190E27 #150C21 rgb (21,12,33) #150C21 #120A1C rgb (18,10,28) #120A1C

Tones of #5A368F

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

#5E3D8E rgb (94,61,142) #5E3D8E #61448D rgb (97,68,141) #61448D #644A8C rgb (100,74,140) #644A8C #674F8B rgb (103,79,139) #674F8B #6A548A rgb (106,84,138) #6A548A #6C5889 rgb (108,88,137) #6C5889 #6E5C88 rgb (110,92,136) #6E5C88 #706087 rgb (112,96,135) #706087 #726386 rgb (114,99,134) #726386 #736685 rgb (115,102,133) #736685

Alternatives to #5A368F

---

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

#46368F rgb (70,54,143) #46368F #5A0E8F rgb (90,14,143) #5A0E8F #5A228F rgb (90,34,143) #5A228F #5A4A8F rgb (90,74,143) #5A4A8F #5A5E8F rgb (90,94,143) #5A5E8F #5A728F rgb (90,114,143) #5A728F

Quick use #5A368F

---

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

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

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

Pre-formatted code 5A368F	code for script / programming
HTML, CSS:	= #5A368F; rgb(90, 54, 143)
Java:	= new Color(90, 54, 143)
.NET:	= Color.FromArgb (90, 54, 143);
Xojo:	= rgb (90, 54, 143, 0);
openGL:	= glColor3f (0.35f, 0.21f, 0.56f);
Swift:	= UIColor(red:0.35, green:0.21, blue:0.56, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.35 green:0.21 blue:0.56 alpha:1.00000];

Color schemes with #5A368F

---

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: 62% has a #5A368F saturation. Adding 62% + 10% = 72% saturation for our new color #3B1D69. Decreasing 62% - 10% = 52% saturation for other monochromatic color #7D57B5. #7d57b5 rgb (125,87,181) #7d57b5 52% saturation #7d2e4f rgb (59,46,79) #7d2e4f 42% saturation #3b1d69 rgb (59,29,105) #3b1d69 72% saturation #280e4f rgb (40,14,79) #280e4f 82% 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. #86368F rgb (134,54,143) #86368F 294o #5A368F rgb (90,54,143) #5A368F 264o #363F8F rgb (54,63,143) #363F8F 234o

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: #5A368F has a 264o angle. Adding 264o + 180o = 84oo for our new complementary color #6B8F36. #5A368F rgb (90,54,143) #5A368F 264o #6B8F36 rgb (107,143,54) #6B8F36 84o

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: #5A368F has a 264o angle. Adding 264o + 180o+30o = 114o for our first complementary color #3F8F36. Decreasing 264o + 180o-30o = 54o for the second complementary color #8F8636. #8F8636 rgb (143,134,54) #8F8636 54o #5A368F rgb (90,54,143) #5A368F 264o #3F8F36 rgb (63,143,54) #3F8F36 114o

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. #8F5A36 rgb (143,90,54) #8F5A36 24o #5A368F rgb (90,54,143) #5A368F 264o #368F5A rgb (54,143,90) #368F5A 144o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #8F5A36 rgb (143,90,54) #8F5A36 24o #5A368F rgb (90,54,143) #5A368F 264o #6B8F36 rgb (107,143,54) #6B8F36 84o #366B8F rgb (54,107,143) #366B8F 204o