#3151C5 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #3151C5

#3151C5

In a RGB color space, hex #3151C5 is composed of 19% red, 32% green and 77% blue. RGB color code is composed of a hexadecimal 31 red (49/255), a 51 green (81/255) and a C5 blue component (197/255). The decimal RGB color code is rgb(49,81,197) In CMYK color space, it is composed of 75% cyan, 59% magenta, 0% yellow and 23% black. It has a hue angle of 227.03o degrees, a saturation of 60% and a lightness of 48%. Closest websafe color is: #3366cc rgb (51, 102, 204).

Color conversion

---

Convert color

---

The hexadecimal color #3151C5 has RGB values of R:49, G:81, B:197 and CMYK values of C:75, M:59, Y:0, K:23. Its decimal value is 3232197.Binary code is 1100010101000111000101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 3151C5  #3151C5 RGB decimal 49, 81, 197  rgb(49, 81, 197) RGB % 19, 32, 77  rgb(19%, 32%, 77%) RGB Adobe 63, 82, 193 CMYK % 75, 59, 0, 23  75%, 59%, 0%, 23% HSL 227.03o, 60, 48  hsl(227.03o, 60%, 48%) HSV (HSB) 227o, 75%, 77%  hsv(227o, 75%, 77%)

Web Safe color #3366cc rgb (51, 102, 204) XYZ 14.287, 10.569 54.11 xyY 0.18, 0.13, 10.57 Hunter-Lab 32.51, 23.66, -80.68 CMY 81%, 68%, 23% Lab 37.78, 21.21, -65.31 Binary color 31 51 C5 110001 1010001 11000101

Shades and tints of #3151C5

---

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: #0A1027 is the darkest color, and: #D6DDF3 is the lightest one.

Tint color variation #3151C5

#506BCE rgb (80,107,206) #506BCE #6A81D5 rgb (106,129,213) #6A81D5 #8094DB rgb (128,148,219) #8094DB #93A4E0 rgb (147,164,224) #93A4E0 #A3B2E5 rgb (163,178,229) #A3B2E5 #B1BEE9 rgb (177,190,233) #B1BEE9 #BDC8EC rgb (189,200,236) #BDC8EC #C7D0EF rgb (199,208,239) #C7D0EF #CFD7F1 rgb (207,215,241) #CFD7F1 #D6DDF3 rgb (214,221,243) #D6DDF3

Shade color variation

#2A45A7 rgb (42,69,167) #2A45A7 #243B8E rgb (36,59,142) #243B8E #1F3279 rgb (31,50,121) #1F3279 #1A2B67 rgb (26,43,103) #1A2B67 #162558 rgb (22,37,88) #162558 #131F4B rgb (19,31,75) #131F4B #101A40 rgb (16,26,64) #101A40 #0E1636 rgb (14,22,54) #0E1636 #0C132E rgb (12,19,46) #0C132E #0A1027 rgb (10,16,39) #0A1027

Tones of #3151C5

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

#3956BE rgb (57,86,190) #3956BE #405AB8 rgb (64,90,184) #405AB8 #465EB2 rgb (70,94,178) #465EB2 #4C61AD rgb (76,97,173) #4C61AD #5164A9 rgb (81,100,169) #5164A9 #5667A5 rgb (86,103,165) #5667A5 #5A6AA1 rgb (90,106,161) #5A6AA1 #5E6C9E rgb (94,108,158) #5E6C9E #616E9B rgb (97,110,155) #616E9B #647098 rgb (100,112,152) #647098

Alternatives to #3151C5

---

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

#3115C5 rgb (49,21,197) #3115C5 #3129C5 rgb (49,41,197) #3129C5 #313DC5 rgb (49,61,197) #313DC5 #3165C5 rgb (49,101,197) #3165C5 #3179C5 rgb (49,121,197) #3179C5 #318DC5 rgb (49,141,197) #318DC5

Quick use #3151C5

---

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

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

Box border html code	Text shadow with RGB values for color #3151C5
box border html code for color #3151C5	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #3151C5;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(49, 81, 197, 1.4);

Pre-formatted code 3151C5	code for script / programming
HTML, CSS:	= #3151C5; rgb(49, 81, 197)
Java:	= new Color(49, 81, 197)
.NET:	= Color.FromArgb (49, 81, 197);
Xojo:	= rgb (49, 81, 197, 0);
openGL:	= glColor3f (0.19f, 0.32f, 0.77f);
Swift:	= UIColor(red:0.19, green:0.32, blue:0.77, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.32 blue:0.77 alpha:1.00000];

Color schemes with #3151C5

---

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: 75% has a #3151C5 saturation. Adding 75% + 10% = 85% saturation for our new color #18359E. Decreasing 75% - 10% = 65% saturation for other monochromatic color #5273EB. #5273eb rgb (82,115,235) #5273eb 65% saturation #524b85 rgb (60,75,133) #524b85 55% saturation #18359e rgb (24,53,158) #18359e 85% saturation #072285 rgb (7,34,133) #072285 95% 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. #5B31C4 rgb (91,49,196) #5B31C4 257o #3151C5 rgb (49,81,197) #3151C5 227o #319BC4 rgb (49,155,196) #319BC4 197o

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: #3151C5 has a 227o angle. Adding 227o + 180o = 47oo for our new complementary color #C4A431. #3151C5 rgb (49,81,197) #3151C5 227o #C4A431 rgb (196,164,49) #C4A431 47o

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: #3151C5 has a 227o angle. Adding 227o + 180o+30o = 77o for our first complementary color #9BC431. Decreasing 227o + 180o-30o = 17o for the second complementary color #C45B31. #C45B31 rgb (196,91,49) #C45B31 17o #3151C5 rgb (49,81,197) #3151C5 227o #9BC431 rgb (155,196,49) #9BC431 77o

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. #C43151 rgb (196,49,81) #C43151 347o #3151C5 rgb (49,81,197) #3151C5 227o #51C431 rgb (81,196,49) #51C431 107o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #C43151 rgb (196,49,81) #C43151 347o #3151C5 rgb (49,81,197) #3151C5 227o #C4A431 rgb (196,164,49) #C4A431 47o #31C4A4 rgb (49,196,164) #31C4A4 167o