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

#031677

In a RGB color space, hex #031677 is composed of 1% red, 9% green and 47% blue. RGB color code is composed of a hexadecimal 03 red (3/255), a 16 green (22/255) and a 77 blue component (119/255). The decimal RGB color code is rgb(3,22,119) In CMYK color space, it is composed of 97% cyan, 82% magenta, 0% yellow and 53% black. It has a hue angle of 230.17o degrees, a saturation of 95% and a lightness of 24%. Closest websafe color is: #000066 rgb (0, 0, 102).

Color conversion

---

Convert color

---

The hexadecimal color #031677 has RGB values of R:3, G:22, B:119 and CMYK values of C:97, M:82, Y:0, K:53. Its decimal value is 202359.Binary code is 110001011001110111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 031677  #031677 RGB decimal 3, 22, 119  rgb(3, 22, 119) RGB % 1, 9, 47  rgb(1%, 9%, 47%) RGB Adobe 18, 28, 116 CMYK % 97, 82, 0, 53  97%, 82%, 0%, 53% HSL 230.17o, 95, 24  hsl(230.17o, 95%, 24%) HSV (HSB) 230o, 97%, 47%  hsv(230o, 97%, 47%)

Web Safe color #000066 rgb (0, 0, 102) XYZ 3.654, 1.925 17.632 xyY 0.16, 0.08, 1.93 Hunter-Lab 13.87, 23.84, -68.94 CMY 99%, 91%, 53% Lab 13.91, 28.14, -57.15 Binary color 03 16 77 11 10110 1110111

Shades and tints of #031677

---

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

Tint color variation #031677

#29398B rgb (41,57,139) #29398B #49579C rgb (73,87,156) #49579C #6470AB rgb (100,112,171) #6470AB #7B85B8 rgb (123,133,184) #7B85B8 #8F97C3 rgb (143,151,195) #8F97C3 #A0A7CC rgb (160,167,204) #A0A7CC #AEB4D4 rgb (174,180,212) #AEB4D4 #BABFDA rgb (186,191,218) #BABFDA #C4C9E0 rgb (196,201,224) #C4C9E0 #CDD1E5 rgb (205,209,229) #CDD1E5

Shade color variation

#031365 rgb (3,19,101) #031365 #031056 rgb (3,16,86) #031056 #030E49 rgb (3,14,73) #030E49 #030C3E rgb (3,12,62) #030C3E #030A35 rgb (3,10,53) #030A35 #03092D rgb (3,9,45) #03092D #030826 rgb (3,8,38) #030826 #030720 rgb (3,7,32) #030720 #03061B rgb (3,6,27) #03061B #030517 rgb (3,5,23) #030517

Tones of #031677

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

#102178 rgb (16,33,120) #102178 #1B2B79 rgb (27,43,121) #1B2B79 #25347A rgb (37,52,122) #25347A #2E3C7B rgb (46,60,123) #2E3C7B #36437C rgb (54,67,124) #36437C #3D497C rgb (61,73,124) #3D497C #444F7C rgb (68,79,124) #444F7C #4A547C rgb (74,84,124) #4A547C #4F587C rgb (79,88,124) #4F587C #545C7C rgb (84,92,124) #545C7C

Alternatives to #031677

---

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

#030277 rgb (3,2,119) #030277 #031663 rgb (3,22,99) #031663 #030277 rgb (3,2,119) #030277 #032A77 rgb (3,42,119) #032A77 #033E77 rgb (3,62,119) #033E77 #035277 rgb (3,82,119) #035277

Quick use #031677

---

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

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

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

Pre-formatted code 031677	code for script / programming
HTML, CSS:	= #031677; rgb(3, 22, 119)
Java:	= new Color(3, 22, 119)
.NET:	= Color.FromArgb (3, 22, 119);
Xojo:	= rgb (3, 22, 119, 0);
openGL:	= glColor3f (0.01f, 0.09f, 0.47f);
Swift:	= UIColor(red:0.01, green:0.09, blue:0.47, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.01 green:0.09 blue:0.47 alpha:1.00000];

Color schemes with #031677

---

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: 97% has a #031677 saturation. Adding 97% + 10% = 100% saturation for our new color #000E52. Decreasing 97% - 10% = 87% saturation for other monochromatic color #152B9E. #152b9e rgb (21,43,158) #152b9e 87% saturation #151438 rgb (13,20,56) #151438 77% saturation #000e52 rgb (0,14,82) #000e52 100% saturation #000938 rgb (0,9,56) #000938 100% 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. #2A0478 rgb (42,4,120) #2A0478 260o #031677 rgb (3,22,119) #031677 230o #045178 rgb (4,81,120) #045178 200o

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: #031677 has a 230o angle. Adding 230o + 180o = 50oo for our new complementary color #786404. #031677 rgb (3,22,119) #031677 230o #786404 rgb (120,100,4) #786404 50o

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: #031677 has a 230o angle. Adding 230o + 180o+30o = 80o for our first complementary color #517804. Decreasing 230o + 180o-30o = 20o for the second complementary color #782A04. #782A04 rgb (120,42,4) #782A04 20o #031677 rgb (3,22,119) #031677 230o #517804 rgb (81,120,4) #517804 80o

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. #780417 rgb (120,4,23) #780417 350o #031677 rgb (3,22,119) #031677 230o #177804 rgb (23,120,4) #177804 110o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #780417 rgb (120,4,23) #780417 350o #031677 rgb (3,22,119) #031677 230o #786404 rgb (120,100,4) #786404 50o #047864 rgb (4,120,100) #047864 170o