#5775C4 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #5775C4

#5775C4

In a RGB color space, hex #5775C4 is composed of 34% red, 46% green and 77% blue. RGB color code is composed of a hexadecimal 57 red (87/255), a 75 green (117/255) and a C4 blue component (196/255). The decimal RGB color code is rgb(87,117,196) In CMYK color space, it is composed of 56% cyan, 40% magenta, 0% yellow and 23% black. It has a hue angle of 223.49o degrees, a saturation of 48% and a lightness of 55%. Closest websafe color is: #6666cc rgb (102, 102, 204).

Color conversion

---

Convert color

---

The hexadecimal color #5775C4 has RGB values of R:87, G:117, B:196 and CMYK values of C:56, M:40, Y:0, K:23. Its decimal value is 5731780.Binary code is 10101110111010111000100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5775C4  #5775C4 RGB decimal 87, 117, 196  rgb(87, 117, 196) RGB % 34, 46, 77  rgb(34%, 46%, 77%) RGB Adobe 97, 116, 192 CMYK % 56, 40, 0, 23  56%, 40%, 0%, 23% HSL 223.49o, 48, 55  hsl(223.49o, 48%, 55%) HSV (HSB) 223o, 56%, 77%  hsv(223o, 56%, 77%)

Web Safe color #6666cc rgb (102, 102, 204) XYZ 20.256, 18.734 54.773 xyY 0.22, 0.2, 18.73 Hunter-Lab 43.28, 10.26, -48.9 CMY 66%, 54%, 23% Lab 49.76, 7.02, -45.39 Binary color 57 75 C4 1010111 1110101 11000100

Shades and tints of #5775C4

---

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

Tint color variation #5775C4

#708ACD rgb (112,138,205) #708ACD #859CD5 rgb (133,156,213) #859CD5 #97ABDB rgb (151,171,219) #97ABDB #A7B8E0 rgb (167,184,224) #A7B8E0 #B4C3E5 rgb (180,195,229) #B4C3E5 #BFCCE9 rgb (191,204,233) #BFCCE9 #C9D4EC rgb (201,212,236) #C9D4EC #D1DAEF rgb (209,218,239) #D1DAEF #D8E0F1 rgb (216,224,241) #D8E0F1 #DEE5F3 rgb (222,229,243) #DEE5F3

Shade color variation

#4A63A7 rgb (74,99,167) #4A63A7 #3F548E rgb (63,84,142) #3F548E #364779 rgb (54,71,121) #364779 #2E3C67 rgb (46,60,103) #2E3C67 #273358 rgb (39,51,88) #273358 #212B4B rgb (33,43,75) #212B4B #1C2540 rgb (28,37,64) #1C2540 #181F36 rgb (24,31,54) #181F36 #141A2E rgb (20,26,46) #141A2E #111627 rgb (17,22,39) #111627

Tones of #5775C4

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

#5B76BD rgb (91,118,189) #5B76BD #5F77B7 rgb (95,119,183) #5F77B7 #6278B2 rgb (98,120,178) #6278B2 #6579AD rgb (101,121,173) #6579AD #687AA9 rgb (104,122,169) #687AA9 #6A7BA5 rgb (106,123,165) #6A7BA5 #6C7CA1 rgb (108,124,161) #6C7CA1 #6E7C9E rgb (110,124,158) #6E7C9E #707C9B rgb (112,124,155) #707C9B #727C98 rgb (114,124,152) #727C98

Alternatives to #5775C4

---

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

#5739C4 rgb (87,57,196) #5739C4 #574DC4 rgb (87,77,196) #574DC4 #5761C4 rgb (87,97,196) #5761C4 #5789C4 rgb (87,137,196) #5789C4 #579DC4 rgb (87,157,196) #579DC4 #57B1C4 rgb (87,177,196) #57B1C4

Quick use #5775C4

---

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

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

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

Pre-formatted code 5775C4	code for script / programming
HTML, CSS:	= #5775C4; rgb(87, 117, 196)
Java:	= new Color(87, 117, 196)
.NET:	= Color.FromArgb (87, 117, 196);
Xojo:	= rgb (87, 117, 196, 0);
openGL:	= glColor3f (0.34f, 0.46f, 0.77f);
Swift:	= UIColor(red:0.34, green:0.46, blue:0.77, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.34 green:0.46 blue:0.77 alpha:1.00000];

Color schemes with #5775C4

---

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: 56% has a #5775C4 saturation. Adding 56% + 10% = 66% saturation for our new color #36539E. Decreasing 56% - 10% = 46% saturation for other monochromatic color #7F9DEB. #7f9deb rgb (127,157,235) #7f9deb 46% saturation #7f6285 rgb (85,98,133) #7f6285 36% saturation #36539e rgb (54,83,158) #36539e 66% saturation #203c85 rgb (32,60,133) #203c85 76% 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. #6E56C4 rgb (110,86,196) #6E56C4 253o #5775C4 rgb (87,117,196) #5775C4 223o #56ADC4 rgb (86,173,196) #56ADC4 193o

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: #5775C4 has a 223o angle. Adding 223o + 180o = 43oo for our new complementary color #C4A556. #5775C4 rgb (87,117,196) #5775C4 223o #C4A556 rgb (196,165,86) #C4A556 43o

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: #5775C4 has a 223o angle. Adding 223o + 180o+30o = 73o for our first complementary color #ADC456. Decreasing 223o + 180o-30o = 13o for the second complementary color #C46E56. #C46E56 rgb (196,110,86) #C46E56 13o #5775C4 rgb (87,117,196) #5775C4 223o #ADC456 rgb (173,196,86) #ADC456 73o

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. #C45676 rgb (196,86,118) #C45676 343o #5775C4 rgb (87,117,196) #5775C4 223o #76C456 rgb (118,196,86) #76C456 103o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #C45676 rgb (196,86,118) #C45676 343o #5775C4 rgb (87,117,196) #5775C4 223o #C4A556 rgb (196,165,86) #C4A556 43o #56C4A5 rgb (86,196,165) #56C4A5 163o