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

#349AB1

In a RGB color space, hex #349AB1 is composed of 20% red, 60% green and 69% blue. RGB color code is composed of a hexadecimal 34 red (52/255), a 9A green (154/255) and a B1 blue component (177/255). The decimal RGB color code is rgb(52,154,177) In CMYK color space, it is composed of 71% cyan, 13% magenta, 0% yellow and 31% black. It has a hue angle of 191.04o degrees, a saturation of 55% and a lightness of 45%. Closest websafe color is: #339999 rgb (51, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #349AB1 has RGB values of R:52, G:154, B:177 and CMYK values of C:71, M:13, Y:0, K:31. Its decimal value is 3447473.Binary code is 1101001001101010110001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 349AB1  #349AB1 RGB decimal 52, 154, 177  rgb(52, 154, 177) RGB % 20, 60, 69  rgb(20%, 60%, 69%) RGB Adobe 96, 153, 175 CMYK % 71, 13, 0, 31  71%, 13%, 0%, 31% HSL 191.04o, 55, 45  hsl(191.04o, 55%, 45%) HSV (HSB) 191o, 71%, 69%  hsv(191o, 71%, 69%)

Web Safe color #339999 rgb (51, 153, 153) XYZ 20.908, 27.016 45.708 xyY 0.22, 0.29, 27.02 Hunter-Lab 51.98, -16.64, -19.3 CMY 80%, 40%, 31% Lab 58.6, -24.43, -21.05 Binary color 34 9A B1 110100 10011010 10110001

Shades and tints of #349AB1

---

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

Tint color variation #349AB1

#52A9BD rgb (82,169,189) #52A9BD #6CB6C7 rgb (108,182,199) #6CB6C7 #82C1CF rgb (130,193,207) #82C1CF #95CAD6 rgb (149,202,214) #95CAD6 #A5D2DC rgb (165,210,220) #A5D2DC #B3D9E1 rgb (179,217,225) #B3D9E1 #BEDFE6 rgb (190,223,230) #BEDFE6 #C8E4EA rgb (200,228,234) #C8E4EA #D0E8ED rgb (208,232,237) #D0E8ED #D7EBF0 rgb (215,235,240) #D7EBF0

Shade color variation

#2C8396 rgb (44,131,150) #2C8396 #256F80 rgb (37,111,128) #256F80 #1F5E6D rgb (31,94,109) #1F5E6D #1A505D rgb (26,80,93) #1A505D #16444F rgb (22,68,79) #16444F #133A43 rgb (19,58,67) #133A43 #103139 rgb (16,49,57) #103139 #0E2A30 rgb (14,42,48) #0E2A30 #0C2429 rgb (12,36,41) #0C2429 #0A1F23 rgb (10,31,35) #0A1F23

Tones of #349AB1

A tone is produced by adding gray to any pure hue. In this case, #3C97AC is the less saturated color, and #668A91 is the most saturated one.

#3C97AC rgb (60,151,172) #3C97AC #4395A8 rgb (67,149,168) #4395A8 #4993A4 rgb (73,147,164) #4993A4 #4F91A0 rgb (79,145,160) #4F91A0 #548F9D rgb (84,143,157) #548F9D #588E9A rgb (88,142,154) #588E9A #5C8D97 rgb (92,141,151) #5C8D97 #608C95 rgb (96,140,149) #608C95 #638B93 rgb (99,139,147) #638B93 #668A91 rgb (102,138,145) #668A91

Alternatives to #349AB1

---

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

#345EB1 rgb (52,94,177) #345EB1 #3472B1 rgb (52,114,177) #3472B1 #3486B1 rgb (52,134,177) #3486B1 #34AEB1 rgb (52,174,177) #34AEB1 #34C2B1 rgb (52,194,177) #34C2B1 #34D6B1 rgb (52,214,177) #34D6B1

Quick use #349AB1

---

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

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

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

Pre-formatted code 349AB1	code for script / programming
HTML, CSS:	= #349AB1; rgb(52, 154, 177)
Java:	= new Color(52, 154, 177)
.NET:	= Color.FromArgb (52, 154, 177);
Xojo:	= rgb (52, 154, 177, 0);
openGL:	= glColor3f (0.2f, 0.6f, 0.69f);
Swift:	= UIColor(red:0.2, green:0.6, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.6 blue:0.69 alpha:1.00000];

Color schemes with #349AB1

---

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: 71% has a #349AB1 saturation. Adding 71% + 10% = 81% saturation for our new color #1A758A. Decreasing 71% - 10% = 61% saturation for other monochromatic color #54BED6. #54bed6 rgb (84,190,214) #54bed6 61% saturation #546670 rgb (55,102,112) #546670 51% saturation #1a758a rgb (26,117,138) #1a758a 81% saturation #0a5d70 rgb (10,93,112) #0a5d70 91% 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. #335BB0 rgb (51,91,176) #335BB0 221o #349AB1 rgb (52,154,177) #349AB1 191o #33B088 rgb (51,176,136) #33B088 161o

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: #349AB1 has a 191o angle. Adding 191o + 180o = 11oo for our new complementary color #B04A33. #349AB1 rgb (52,154,177) #349AB1 191o #B04A33 rgb (176,74,51) #B04A33 11o

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: #349AB1 has a 191o angle. Adding 191o + 180o+30o = 41o for our first complementary color #B08833. Decreasing 191o + 180o-30o = 341o for the second complementary color #B0335B. #B0335B rgb (176,51,91) #B0335B 341o #349AB1 rgb (52,154,177) #349AB1 191o #B08833 rgb (176,136,51) #B08833 41o

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. #B03399 rgb (176,51,153) #B03399 311o #349AB1 rgb (52,154,177) #349AB1 191o #99B033 rgb (153,176,51) #99B033 71o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B03399 rgb (176,51,153) #B03399 311o #349AB1 rgb (52,154,177) #349AB1 191o #B04A33 rgb (176,74,51) #B04A33 11o #33B04A rgb (51,176,74) #33B04A 131o