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

#1F5A73

In a RGB color space, hex #1F5A73 is composed of 12% red, 35% green and 45% blue. RGB color code is composed of a hexadecimal 1F red (31/255), a 5A green (90/255) and a 73 blue component (115/255). The decimal RGB color code is rgb(31,90,115) In CMYK color space, it is composed of 73% cyan, 22% magenta, 0% yellow and 55% black. It has a hue angle of 197.86o degrees, a saturation of 58% and a lightness of 29%. Closest websafe color is: #336666 rgb (51, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #1F5A73 has RGB values of R:31, G:90, B:115 and CMYK values of C:73, M:22, Y:0, K:55. Its decimal value is 2054771.Binary code is 111110101101001110011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 1F5A73  #1F5A73 RGB decimal 31, 90, 115  rgb(31, 90, 115) RGB % 12, 35, 45  rgb(12%, 35%, 45%) RGB Adobe 58, 90, 114 CMYK % 73, 22, 0, 55  73%, 22%, 0%, 55% HSL 197.86o, 58, 29  hsl(197.86o, 58%, 29%) HSV (HSB) 198o, 73%, 45%  hsv(198o, 73%, 45%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 7.316, 8.841 17.541 xyY 0.22, 0.26, 8.84 Hunter-Lab 29.73, -6.63, -16.39 CMY 88%, 65%, 55% Lab 35.35, -12.87, -20.19 Binary color 1F 5A 73 11111 1011010 1110011

Shades and tints of #1F5A73

---

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

Tint color variation #1F5A73

#417388 rgb (65,115,136) #417388 #5E889A rgb (94,136,154) #5E889A #769AA9 rgb (118,154,169) #769AA9 #8BA9B6 rgb (139,169,182) #8BA9B6 #9CB6C1 rgb (156,182,193) #9CB6C1 #ABC1CA rgb (171,193,202) #ABC1CA #B8CAD2 rgb (184,202,210) #B8CAD2 #C3D2D9 rgb (195,210,217) #C3D2D9 #CCD9DF rgb (204,217,223) #CCD9DF #D4DFE4 rgb (212,223,228) #D4DFE4

Shade color variation

#1A4D62 rgb (26,77,98) #1A4D62 #164153 rgb (22,65,83) #164153 #133747 rgb (19,55,71) #133747 #102F3C rgb (16,47,60) #102F3C #0E2833 rgb (14,40,51) #0E2833 #0C222B rgb (12,34,43) #0C222B #0A1D25 rgb (10,29,37) #0A1D25 #09191F rgb (9,25,31) #09191F #08151A rgb (8,21,26) #08151A #071216 rgb (7,18,22) #071216

Tones of #1F5A73

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

#295E74 rgb (41,94,116) #295E74 #326175 rgb (50,97,117) #326175 #3A6476 rgb (58,100,118) #3A6476 #416777 rgb (65,103,119) #416777 #476A78 rgb (71,106,120) #476A78 #4D6C79 rgb (77,108,121) #4D6C79 #526E7A rgb (82,110,122) #526E7A #57707B rgb (87,112,123) #57707B #5B727C rgb (91,114,124) #5B727C #5F737C rgb (95,115,124) #5F737C

Alternatives to #1F5A73

---

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

#1F1E73 rgb (31,30,115) #1F1E73 #1F3273 rgb (31,50,115) #1F3273 #1F4673 rgb (31,70,115) #1F4673 #1F6E73 rgb (31,110,115) #1F6E73 #1F8273 rgb (31,130,115) #1F8273 #1F9673 rgb (31,150,115) #1F9673

Quick use #1F5A73

---

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

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

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

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

Color schemes with #1F5A73

---

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: 73% has a #1F5A73 saturation. Adding 73% + 10% = 83% saturation for our new color #0D394D. Decreasing 73% - 10% = 63% saturation for other monochromatic color #397C99. #397c99 rgb (57,124,153) #397c99 63% saturation #392b33 rgb (24,43,51) #392b33 53% saturation #0d394d rgb (13,57,77) #0d394d 83% saturation #042533 rgb (4,37,51) #042533 93% 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. #1F3073 rgb (31,48,115) #1F3073 228o #1F5A73 rgb (31,90,115) #1F5A73 198o #1F7362 rgb (31,115,98) #1F7362 168o

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: #1F5A73 has a 198o angle. Adding 198o + 180o = 18oo for our new complementary color #73381F. #1F5A73 rgb (31,90,115) #1F5A73 198o #73381F rgb (115,56,31) #73381F 18o

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: #1F5A73 has a 198o angle. Adding 198o + 180o+30o = 48o for our first complementary color #73621F. Decreasing 198o + 180o-30o = 348o for the second complementary color #731F30. #731F30 rgb (115,31,48) #731F30 348o #1F5A73 rgb (31,90,115) #1F5A73 198o #73621F rgb (115,98,31) #73621F 48o

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. #731F5A rgb (115,31,90) #731F5A 318o #1F5A73 rgb (31,90,115) #1F5A73 198o #5A731F rgb (90,115,31) #5A731F 78o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #731F5A rgb (115,31,90) #731F5A 318o #1F5A73 rgb (31,90,115) #1F5A73 198o #73381F rgb (115,56,31) #73381F 18o #1F7338 rgb (31,115,56) #1F7338 138o