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

#1F3F6D

In a RGB color space, hex #1F3F6D is composed of 12% red, 25% green and 43% blue. RGB color code is composed of a hexadecimal 1F red (31/255), a 3F green (63/255) and a 6D blue component (109/255). The decimal RGB color code is rgb(31,63,109) In CMYK color space, it is composed of 72% cyan, 42% magenta, 0% yellow and 57% black. It has a hue angle of 215.38o degrees, a saturation of 56% and a lightness of 27%. Closest websafe color is: #333366 rgb (51, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #1F3F6D has RGB values of R:31, G:63, B:109 and CMYK values of C:72, M:42, Y:0, K:57. Its decimal value is 2047853.Binary code is 111110011111101101101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 1F3F6D  #1F3F6D RGB decimal 31, 63, 109  rgb(31, 63, 109) RGB % 12, 25, 43  rgb(12%, 25%, 43%) RGB Adobe 47, 65, 107 CMYK % 72, 42, 0, 57  72%, 42%, 0%, 57% HSL 215.38o, 56, 27  hsl(215.38o, 56%, 27%) HSV (HSB) 215o, 72%, 43%  hsv(215o, 72%, 43%)

Web Safe color #333366 rgb (51, 51, 102) XYZ 5.103, 4.95 15.155 xyY 0.2, 0.2, 4.95 Hunter-Lab 22.25, 3.25, -27.02 CMY 88%, 75%, 57% Lab 26.14, 0.99, -30.8 Binary color 1F 3F 6D 11111 111111 1101101

Shades and tints of #1F3F6D

---

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: #070C16 is the darkest color, and: #D4DAE2 is the lightest one.

Tint color variation #1F3F6D

#415C83 rgb (65,92,131) #415C83 #5E7496 rgb (94,116,150) #5E7496 #7689A6 rgb (118,137,166) #7689A6 #8B9BB3 rgb (139,155,179) #8B9BB3 #9CAABE rgb (156,170,190) #9CAABE #ABB7C8 rgb (171,183,200) #ABB7C8 #B8C2D0 rgb (184,194,208) #B8C2D0 #C3CBD7 rgb (195,203,215) #C3CBD7 #CCD3DD rgb (204,211,221) #CCD3DD #D4DAE2 rgb (212,218,226) #D4DAE2

Shade color variation

#1A365D rgb (26,54,93) #1A365D #162E4F rgb (22,46,79) #162E4F #132743 rgb (19,39,67) #132743 #102139 rgb (16,33,57) #102139 #0E1C30 rgb (14,28,48) #0E1C30 #0C1829 rgb (12,24,41) #0C1829 #0A1423 rgb (10,20,35) #0A1423 #09111E rgb (9,17,30) #09111E #080E1A rgb (8,14,26) #080E1A #070C16 rgb (7,12,22) #070C16

Tones of #1F3F6D

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

#29466F rgb (41,70,111) #29466F #324C71 rgb (50,76,113) #324C71 #3A5173 rgb (58,81,115) #3A5173 #415674 rgb (65,86,116) #415674 #475A75 rgb (71,90,117) #475A75 #4D5E76 rgb (77,94,118) #4D5E76 #526177 rgb (82,97,119) #526177 #576478 rgb (87,100,120) #576478 #5B6779 rgb (91,103,121) #5B6779 #5F6A7A rgb (95,106,122) #5F6A7A

Alternatives to #1F3F6D

---

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

#1F036D rgb (31,3,109) #1F036D #1F176D rgb (31,23,109) #1F176D #1F2B6D rgb (31,43,109) #1F2B6D #1F536D rgb (31,83,109) #1F536D #1F676D rgb (31,103,109) #1F676D #1F7B6D rgb (31,123,109) #1F7B6D

Quick use #1F3F6D

---

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

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

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

Pre-formatted code 1F3F6D	code for script / programming
HTML, CSS:	= #1F3F6D; rgb(31, 63, 109)
Java:	= new Color(31, 63, 109)
.NET:	= Color.FromArgb (31, 63, 109);
Xojo:	= rgb (31, 63, 109, 0);
openGL:	= glColor3f (0.12f, 0.25f, 0.43f);
Swift:	= UIColor(red:0.12, green:0.25, blue:0.43, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.12 green:0.25 blue:0.43 alpha:1.00000];

Color schemes with #1F3F6D

---

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: 72% has a #1F3F6D saturation. Adding 72% + 10% = 82% saturation for our new color #0D2547. Decreasing 72% - 10% = 62% saturation for other monochromatic color #385E94. #385e94 rgb (56,94,148) #385e94 62% saturation #38202e rgb (22,32,46) #38202e 52% saturation #0d2547 rgb (13,37,71) #0d2547 82% saturation #04152e rgb (4,21,46) #04152e 92% 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. #251F6E rgb (37,31,110) #251F6E 245o #1F3F6D rgb (31,63,109) #1F3F6D 215o #1F676E rgb (31,103,110) #1F676E 185o

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: #1F3F6D has a 215o angle. Adding 215o + 180o = 35oo for our new complementary color #6E4D1F. #1F3F6D rgb (31,63,109) #1F3F6D 215o #6E4D1F rgb (110,77,31) #6E4D1F 35o

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: #1F3F6D has a 215o angle. Adding 215o + 180o+30o = 65o for our first complementary color #676E1F. Decreasing 215o + 180o-30o = 5o for the second complementary color #6E251F. #6E251F rgb (110,37,31) #6E251F 5o #1F3F6D rgb (31,63,109) #1F3F6D 215o #676E1F rgb (103,110,31) #676E1F 65o

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. #6E1F40 rgb (110,31,64) #6E1F40 335o #1F3F6D rgb (31,63,109) #1F3F6D 215o #406E1F rgb (64,110,31) #406E1F 95o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #6E1F40 rgb (110,31,64) #6E1F40 335o #1F3F6D rgb (31,63,109) #1F3F6D 215o #6E4D1F rgb (110,77,31) #6E4D1F 35o #1F6E4D rgb (31,110,77) #1F6E4D 155o