#5666E0 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #5666E0

#5666E0

In a RGB color space, hex #5666E0 is composed of 34% red, 40% green and 88% blue. RGB color code is composed of a hexadecimal 56 red (86/255), a 66 green (102/255) and a E0 blue component (224/255). The decimal RGB color code is rgb(86,102,224) In CMYK color space, it is composed of 62% cyan, 54% magenta, 0% yellow and 12% black. It has a hue angle of 233.04o degrees, a saturation of 69% and a lightness of 61%. Closest websafe color is: #6666cc rgb (102, 102, 204).

Color conversion

---

Convert color

---

The hexadecimal color #5666E0 has RGB values of R:86, G:102, B:224 and CMYK values of C:62, M:54, Y:0, K:12. Its decimal value is 5662432.Binary code is 10101100110011011100000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5666E0  #5666E0 RGB decimal 86, 102, 224  rgb(86, 102, 224) RGB % 34, 40, 88  rgb(34%, 40%, 88%) RGB Adobe 91, 102, 220 CMYK % 62, 54, 0, 12  62%, 54%, 0%, 12% HSL 233.04o, 69, 61  hsl(233.04o, 69%, 61%) HSV (HSB) 233o, 62%, 88%  hsv(233o, 62%, 88%)

Web Safe color #6666cc rgb (102, 102, 204) XYZ 22.044, 16.863 72.614 xyY 0.2, 0.15, 16.86 Hunter-Lab 41.06, 26.57, -81.34 CMY 66%, 60%, 12% Lab 47.12, 23.1, -65.5 Binary color 56 66 E0 1010110 1100110 11100000

Shades and tints of #5666E0

---

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: #11142B is the darkest color, and: #DEE1F9 is the lightest one.

Tint color variation #5666E0

#6F7DE5 rgb (111,125,229) #6F7DE5 #8591E9 rgb (133,145,233) #8591E9 #97A2EC rgb (151,162,236) #97A2EC #A7B0EF rgb (167,176,239) #A7B0EF #B4BCF1 rgb (180,188,241) #B4BCF1 #BFC6F3 rgb (191,198,243) #BFC6F3 #C9CFF5 rgb (201,207,245) #C9CFF5 #D1D6F7 rgb (209,214,247) #D1D6F7 #D8DCF8 rgb (216,220,248) #D8DCF8 #DEE1F9 rgb (222,225,249) #DEE1F9

Shade color variation

#4957BE rgb (73,87,190) #4957BE #3E4AA2 rgb (62,74,162) #3E4AA2 #353F8A rgb (53,63,138) #353F8A #2D3675 rgb (45,54,117) #2D3675 #262E63 rgb (38,46,99) #262E63 #202754 rgb (32,39,84) #202754 #1B2147 rgb (27,33,71) #1B2147 #171C3C rgb (23,28,60) #171C3C #141833 rgb (20,24,51) #141833 #11142B rgb (17,20,43) #11142B

Tones of #5666E0

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

#5A69D6 rgb (90,105,214) #5A69D6 #5E6BCD rgb (94,107,205) #5E6BCD #616DC5 rgb (97,109,197) #616DC5 #646FBE rgb (100,111,190) #646FBE #6771B8 rgb (103,113,184) #6771B8 #6A73B2 rgb (106,115,178) #6A73B2 #6C74AD rgb (108,116,173) #6C74AD #6E75A9 rgb (110,117,169) #6E75A9 #7076A5 rgb (112,118,165) #7076A5 #7277A1 rgb (114,119,161) #7277A1

Alternatives to #5666E0

---

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

#562AE0 rgb (86,42,224) #562AE0 #563EE0 rgb (86,62,224) #563EE0 #5652E0 rgb (86,82,224) #5652E0 #567AE0 rgb (86,122,224) #567AE0 #568EE0 rgb (86,142,224) #568EE0 #56A2E0 rgb (86,162,224) #56A2E0

Quick use #5666E0

---

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

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

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

Pre-formatted code 5666E0	code for script / programming
HTML, CSS:	= #5666E0; rgb(86, 102, 224)
Java:	= new Color(86, 102, 224)
.NET:	= Color.FromArgb (86, 102, 224);
Xojo:	= rgb (86, 102, 224, 0);
openGL:	= glColor3f (0.34f, 0.4f, 0.88f);
Swift:	= UIColor(red:0.34, green:0.4, blue:0.88, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.34 green:0.4 blue:0.88 alpha:1.00000];

Color schemes with #5666E0

---

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 #5666E0 saturation. Adding 62% + 10% = 72% saturation for our new color #3444BA. Decreasing 62% - 10% = 52% saturation for other monochromatic color #7A8AFF. #7a8aff rgb (122,138,255) #7a8aff 52% saturation #7a65a1 rgb (93,101,161) #7a65a1 42% saturation #3444ba rgb (52,68,186) #3444ba 72% saturation #1d2ca1 rgb (29,44,161) #1d2ca1 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. #8B55E0 rgb (139,85,224) #8B55E0 263o #5666E0 rgb (86,102,224) #5666E0 233o #55ABE0 rgb (85,171,224) #55ABE0 203o

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: #5666E0 has a 233o angle. Adding 233o + 180o = 53oo for our new complementary color #E0D055. #5666E0 rgb (86,102,224) #5666E0 233o #E0D055 rgb (224,208,85) #E0D055 53o

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: #5666E0 has a 233o angle. Adding 233o + 180o+30o = 83o for our first complementary color #ABE055. Decreasing 233o + 180o-30o = 23o for the second complementary color #E08B55. #E08B55 rgb (224,139,85) #E08B55 23o #5666E0 rgb (86,102,224) #5666E0 233o #ABE055 rgb (171,224,85) #ABE055 83o

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. #E05566 rgb (224,85,102) #E05566 353o #5666E0 rgb (86,102,224) #5666E0 233o #66E055 rgb (102,224,85) #66E055 113o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #E05566 rgb (224,85,102) #E05566 353o #5666E0 rgb (86,102,224) #5666E0 233o #E0D055 rgb (224,208,85) #E0D055 53o #55E0D0 rgb (85,224,208) #55E0D0 173o