#315A88 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #315A88

#315A88

In a RGB color space, hex #315A88 is composed of 19% red, 35% green and 53% blue. RGB color code is composed of a hexadecimal 31 red (49/255), a 5A green (90/255) and a 88 blue component (136/255). The decimal RGB color code is rgb(49,90,136) In CMYK color space, it is composed of 64% cyan, 34% magenta, 0% yellow and 47% black. It has a hue angle of 211.72o degrees, a saturation of 47% and a lightness of 36%. Closest websafe color is: #336699 rgb (51, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #315A88 has RGB values of R:49, G:90, B:136 and CMYK values of C:64, M:34, Y:0, K:47. Its decimal value is 3234440.Binary code is 1100010101101010001000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 315A88  #315A88 RGB decimal 49, 90, 136  rgb(49, 90, 136) RGB % 19, 35, 53  rgb(19%, 35%, 53%) RGB Adobe 66, 90, 133 CMYK % 64, 34, 0, 47  64%, 34%, 0%, 47% HSL 211.72o, 47, 36  hsl(211.72o, 47%, 36%) HSV (HSB) 212o, 64%, 53%  hsv(212o, 64%, 53%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 9.367, 9.743 24.679 xyY 0.21, 0.22, 9.74 Hunter-Lab 31.21, 0.62, -27.75 CMY 81%, 65%, 47% Lab 36.94, -3.08, -30.48 Binary color 31 5A 88 110001 1011010 10001000

Shades and tints of #315A88

---

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

Tint color variation #315A88

#50739A rgb (80,115,154) #50739A #6A88A9 rgb (106,136,169) #6A88A9 #809AB6 rgb (128,154,182) #809AB6 #93A9C1 rgb (147,169,193) #93A9C1 #A3B6CA rgb (163,182,202) #A3B6CA #B1C1D2 rgb (177,193,210) #B1C1D2 #BDCAD9 rgb (189,202,217) #BDCAD9 #C7D2DF rgb (199,210,223) #C7D2DF #CFD9E4 rgb (207,217,228) #CFD9E4 #D6DFE8 rgb (214,223,232) #D6DFE8

Shade color variation

#2A4D74 rgb (42,77,116) #2A4D74 #244163 rgb (36,65,99) #244163 #1F3754 rgb (31,55,84) #1F3754 #1A2F47 rgb (26,47,71) #1A2F47 #16283C rgb (22,40,60) #16283C #132233 rgb (19,34,51) #132233 #101D2B rgb (16,29,43) #101D2B #0E1925 rgb (14,25,37) #0E1925 #0C151F rgb (12,21,31) #0C151F #0A121A rgb (10,18,26) #0A121A

Tones of #315A88

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

#395E87 rgb (57,94,135) #395E87 #406186 rgb (64,97,134) #406186 #466485 rgb (70,100,133) #466485 #4C6785 rgb (76,103,133) #4C6785 #516A85 rgb (81,106,133) #516A85 #566C85 rgb (86,108,133) #566C85 #5A6E85 rgb (90,110,133) #5A6E85 #5E7085 rgb (94,112,133) #5E7085 #617285 rgb (97,114,133) #617285 #647385 rgb (100,115,133) #647385

Alternatives to #315A88

---

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

#311E88 rgb (49,30,136) #311E88 #313288 rgb (49,50,136) #313288 #314688 rgb (49,70,136) #314688 #316E88 rgb (49,110,136) #316E88 #318288 rgb (49,130,136) #318288 #319688 rgb (49,150,136) #319688

Quick use #315A88

---

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

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

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

Pre-formatted code 315A88	code for script / programming
HTML, CSS:	= #315A88; rgb(49, 90, 136)
Java:	= new Color(49, 90, 136)
.NET:	= Color.FromArgb (49, 90, 136);
Xojo:	= rgb (49, 90, 136, 0);
openGL:	= glColor3f (0.19f, 0.35f, 0.53f);
Swift:	= UIColor(red:0.19, green:0.35, blue:0.53, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.35 blue:0.53 alpha:1.00000];

Color schemes with #315A88

---

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: 64% has a #315A88 saturation. Adding 64% + 10% = 74% saturation for our new color #193B61. Decreasing 64% - 10% = 54% saturation for other monochromatic color #507BAD. #507bad rgb (80,123,173) #507bad 54% saturation #503747 rgb (40,55,71) #503747 44% saturation #193b61 rgb (25,59,97) #193b61 74% saturation #0b2747 rgb (11,39,71) #0b2747 84% 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. #343187 rgb (52,49,135) #343187 242o #315A88 rgb (49,90,136) #315A88 212o #318487 rgb (49,132,135) #318487 182o

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: #315A88 has a 212o angle. Adding 212o + 180o = 32oo for our new complementary color #875F31. #315A88 rgb (49,90,136) #315A88 212o #875F31 rgb (135,95,49) #875F31 32o

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: #315A88 has a 212o angle. Adding 212o + 180o+30o = 62o for our first complementary color #848731. Decreasing 212o + 180o-30o = 2o for the second complementary color #873431. #873431 rgb (135,52,49) #873431 2o #315A88 rgb (49,90,136) #315A88 212o #848731 rgb (132,135,49) #848731 62o

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. #873159 rgb (135,49,89) #873159 332o #315A88 rgb (49,90,136) #315A88 212o #598731 rgb (89,135,49) #598731 92o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #873159 rgb (135,49,89) #873159 332o #315A88 rgb (49,90,136) #315A88 212o #875F31 rgb (135,95,49) #875F31 32o #31875F rgb (49,135,95) #31875F 152o