#673A68 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #673A68

#673A68

In a RGB color space, hex #673A68 is composed of 40% red, 23% green and 41% blue. RGB color code is composed of a hexadecimal 67 red (103/255), a 3A green (58/255) and a 68 blue component (104/255). The decimal RGB color code is rgb(103,58,104) In CMYK color space, it is composed of 1% cyan, 44% magenta, 0% yellow and 59% black. It has a hue angle of 298.7o degrees, a saturation of 28% and a lightness of 32%. Closest websafe color is: #663366 rgb (102, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #673A68 has RGB values of R:103, G:58, B:104 and CMYK values of C:1, M:44, Y:0, K:59. Its decimal value is 6765160.Binary code is 11001110011101001101000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 673A68  #673A68 RGB decimal 103, 58, 104  rgb(103, 58, 104) RGB % 40, 23, 41  rgb(40%, 23%, 41%) RGB Adobe 93, 61, 102 CMYK % 1, 44, 0, 59  1%, 44%, 0%, 59% HSL 298.7o, 28, 32  hsl(298.7o, 28%, 32%) HSV (HSB) 299o, 44%, 41%  hsv(299o, 44%, 41%)

Web Safe color #663366 rgb (102, 51, 102) XYZ 9.605, 6.909 13.924 xyY 0.32, 0.23, 6.91 Hunter-Lab 26.28, 20.96, -14.99 CMY 60%, 77%, 59% Lab 31.56, 26.15, -18.56 Binary color 67 3A 68 1100111 111010 1101000

Shades and tints of #673A68

---

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: #140C14 is the darkest color, and: #E1D8E1 is the lightest one.

Tint color variation #673A68

#7E587F rgb (126,88,127) #7E587F #917192 rgb (145,113,146) #917192 #A286A2 rgb (162,134,162) #A286A2 #B098B0 rgb (176,152,176) #B098B0 #BCA7BC rgb (188,167,188) #BCA7BC #C6B4C6 rgb (198,180,198) #C6B4C6 #CFBFCF rgb (207,191,207) #CFBFCF #D6C9D6 rgb (214,201,214) #D6C9D6 #DCD1DC rgb (220,209,220) #DCD1DC #E1D8E1 rgb (225,216,225) #E1D8E1

Shade color variation

#583158 rgb (88,49,88) #583158 #4B2A4B rgb (75,42,75) #4B2A4B #402440 rgb (64,36,64) #402440 #361F36 rgb (54,31,54) #361F36 #2E1A2E rgb (46,26,46) #2E1A2E #271627 rgb (39,22,39) #271627 #211321 rgb (33,19,33) #211321 #1C101C rgb (28,16,28) #1C101C #180E18 rgb (24,14,24) #180E18 #140C14 rgb (20,12,20) #140C14

Tones of #673A68

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

#6A416A rgb (106,65,106) #6A416A #6C476C rgb (108,71,108) #6C476C #6E4D6E rgb (110,77,110) #6E4D6E #705270 rgb (112,82,112) #705270 #725772 rgb (114,87,114) #725772 #735B73 rgb (115,91,115) #735B73 #745F74 rgb (116,95,116) #745F74 #756275 rgb (117,98,117) #756275 #766576 rgb (118,101,118) #766576 #776877 rgb (119,104,119) #776877

Alternatives to #673A68

---

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

#533A68 rgb (83,58,104) #533A68 #671268 rgb (103,18,104) #671268 #672668 rgb (103,38,104) #672668 #674E68 rgb (103,78,104) #674E68 #676268 rgb (103,98,104) #676268 #677668 rgb (103,118,104) #677668

Quick use #673A68

---

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

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

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

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

Color schemes with #673A68

---

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: 44% has a #673A68 saturation. Adding 44% + 10% = 54% saturation for our new color #421E42. Decreasing 44% - 10% = 34% saturation for other monochromatic color #8E5E8F. #8e5e8f rgb (142,94,143) #8e5e8f 34% saturation #8e1f29 rgb (41,31,41) #8e1f29 24% saturation #421e42 rgb (66,30,66) #421e42 54% saturation #280f29 rgb (40,15,41) #280f29 64% 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. #693B52 rgb (105,59,82) #693B52 329o #673A68 rgb (103,58,104) #673A68 299o #513B69 rgb (81,59,105) #513B69 269o

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: #673A68 has a 299o angle. Adding 299o + 180o = 119oo for our new complementary color #3B693B. #673A68 rgb (103,58,104) #673A68 299o #3B693B rgb (59,105,59) #3B693B 119o

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: #673A68 has a 299o angle. Adding 299o + 180o+30o = 149o for our first complementary color #3B6951. Decreasing 299o + 180o-30o = 89o for the second complementary color #52693B. #52693B rgb (82,105,59) #52693B 89o #673A68 rgb (103,58,104) #673A68 299o #3B6951 rgb (59,105,81) #3B6951 149o

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. #69683B rgb (105,104,59) #69683B 59o #673A68 rgb (103,58,104) #673A68 299o #3B6968 rgb (59,105,104) #3B6968 179o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #69683B rgb (105,104,59) #69683B 59o #673A68 rgb (103,58,104) #673A68 299o #3B693B rgb (59,105,59) #3B693B 119o #3B3B69 rgb (59,59,105) #3B3B69 239o