#665BB2 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #665BB2

#665BB2

In a RGB color space, hex #665BB2 is composed of 40% red, 36% green and 70% blue. RGB color code is composed of a hexadecimal 66 red (102/255), a 5B green (91/255) and a B2 blue component (178/255). The decimal RGB color code is rgb(102,91,178) In CMYK color space, it is composed of 43% cyan, 49% magenta, 0% yellow and 30% black. It has a hue angle of 247.59o degrees, a saturation of 36% and a lightness of 53%. Closest websafe color is: #666699 rgb (102, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #665BB2 has RGB values of R:102, G:91, B:178 and CMYK values of C:43, M:49, Y:0, K:30. Its decimal value is 6708146.Binary code is 11001100101101110110010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 665BB2  #665BB2 RGB decimal 102, 91, 178  rgb(102, 91, 178) RGB % 40, 36, 70  rgb(40%, 36%, 70%) RGB Adobe 99, 91, 174 CMYK % 43, 49, 0, 30  43%, 49%, 0%, 30% HSL 247.59o, 36, 53  hsl(247.59o, 36%, 53%) HSV (HSB) 248o, 49%, 70%  hsv(248o, 49%, 70%)

Web Safe color #666699 rgb (102, 102, 153) XYZ 17.256, 13.521 43.82 xyY 0.23, 0.18, 13.52 Hunter-Lab 36.77, 21.72, -48.72 CMY 60%, 64%, 30% Lab 43, 21.56, -45.63 Binary color 66 5B B2 1100110 1011011 10110010

Shades and tints of #665BB2

---

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: #141223 is the darkest color, and: #E1E0F0 is the lightest one.

Tint color variation #665BB2

#7D74BE rgb (125,116,190) #7D74BE #9189C8 rgb (145,137,200) #9189C8 #A29BD0 rgb (162,155,208) #A29BD0 #B0AAD7 rgb (176,170,215) #B0AAD7 #BCB7DD rgb (188,183,221) #BCB7DD #C6C2E2 rgb (198,194,226) #C6C2E2 #CFCBE6 rgb (207,203,230) #CFCBE6 #D6D3EA rgb (214,211,234) #D6D3EA #DCDAED rgb (220,218,237) #DCDAED #E1E0F0 rgb (225,224,240) #E1E0F0

Shade color variation

#574D97 rgb (87,77,151) #574D97 #4A4180 rgb (74,65,128) #4A4180 #3F376D rgb (63,55,109) #3F376D #362F5D rgb (54,47,93) #362F5D #2E284F rgb (46,40,79) #2E284F #272243 rgb (39,34,67) #272243 #211D39 rgb (33,29,57) #211D39 #1C1930 rgb (28,25,48) #1C1930 #181529 rgb (24,21,41) #181529 #141223 rgb (20,18,35) #141223

Tones of #665BB2

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

#695FAD rgb (105,95,173) #695FAD #6B62A9 rgb (107,98,169) #6B62A9 #6D65A5 rgb (109,101,165) #6D65A5 #6F68A1 rgb (111,104,161) #6F68A1 #716A9E rgb (113,106,158) #716A9E #736C9B rgb (115,108,155) #736C9B #746E98 rgb (116,110,152) #746E98 #757096 rgb (117,112,150) #757096 #767294 rgb (118,114,148) #767294 #777392 rgb (119,115,146) #777392

Alternatives to #665BB2

---

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

#661FB2 rgb (102,31,178) #661FB2 #6633B2 rgb (102,51,178) #6633B2 #6647B2 rgb (102,71,178) #6647B2 #666FB2 rgb (102,111,178) #666FB2 #6683B2 rgb (102,131,178) #6683B2 #6697B2 rgb (102,151,178) #6697B2

Quick use #665BB2

---

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

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

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

Pre-formatted code 665BB2	code for script / programming
HTML, CSS:	= #665BB2; rgb(102, 91, 178)
Java:	= new Color(102, 91, 178)
.NET:	= Color.FromArgb (102, 91, 178);
Xojo:	= rgb (102, 91, 178, 0);
openGL:	= glColor3f (0.4f, 0.36f, 0.7f);
Swift:	= UIColor(red:0.4, green:0.36, blue:0.7, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.36 blue:0.7 alpha:1.00000];

Color schemes with #665BB2

---

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: 49% has a #665BB2 saturation. Adding 49% + 10% = 59% saturation for our new color #453A8C. Decreasing 49% - 10% = 39% saturation for other monochromatic color #8F84D9. #8f84d9 rgb (143,132,217) #8f84d9 39% saturation #8f5173 rgb (86,81,115) #8f5173 29% saturation #453a8c rgb (69,58,140) #453a8c 59% saturation #2e2473 rgb (46,36,115) #2e2473 69% 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. #925BB3 rgb (146,91,179) #925BB3 278o #665BB2 rgb (102,91,178) #665BB2 248o #5B7BB3 rgb (91,123,179) #5B7BB3 218o

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: #665BB2 has a 248o angle. Adding 248o + 180o = 68oo for our new complementary color #A7B35B. #665BB2 rgb (102,91,178) #665BB2 248o #A7B35B rgb (167,179,91) #A7B35B 68o

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: #665BB2 has a 248o angle. Adding 248o + 180o+30o = 98o for our first complementary color #7BB35B. Decreasing 248o + 180o-30o = 38o for the second complementary color #B3925B. #B3925B rgb (179,146,91) #B3925B 38o #665BB2 rgb (102,91,178) #665BB2 248o #7BB35B rgb (123,179,91) #7BB35B 98o

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. #B3675B rgb (179,103,91) #B3675B 8o #665BB2 rgb (102,91,178) #665BB2 248o #5BB367 rgb (91,179,103) #5BB367 128o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B3675B rgb (179,103,91) #B3675B 8o #665BB2 rgb (102,91,178) #665BB2 248o #A7B35B rgb (167,179,91) #A7B35B 68o #5BA7B3 rgb (91,167,179) #5BA7B3 188o