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

#334464

In a RGB color space, hex #334464 is composed of 20% red, 27% green and 39% blue. RGB color code is composed of a hexadecimal 33 red (51/255), a 44 green (68/255) and a 64 blue component (100/255). The decimal RGB color code is rgb(51,68,100) In CMYK color space, it is composed of 49% cyan, 32% magenta, 0% yellow and 61% black. It has a hue angle of 219.18o degrees, a saturation of 32% and a lightness of 30%. Closest websafe color is: #333366 rgb (51, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #334464 has RGB values of R:51, G:68, B:100 and CMYK values of C:49, M:32, Y:0, K:61. Its decimal value is 3359844.Binary code is 1100110100010001100100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 334464  #334464 RGB decimal 51, 68, 100  rgb(51, 68, 100) RGB % 20, 27, 39  rgb(20%, 27%, 39%) RGB Adobe 59, 70, 99 CMYK % 49, 32, 0, 61  49%, 32%, 0%, 61% HSL 219.18o, 32, 30  hsl(219.18o, 32%, 30%) HSV (HSB) 219o, 49%, 39%  hsv(219o, 49%, 39%)

Web Safe color #333366 rgb (51, 51, 102) XYZ 5.733, 5.758 12.866 xyY 0.24, 0.24, 5.76 Hunter-Lab 24, 1.97, -16.93 CMY 80%, 73%, 61% Lab 28.52, 0.49, -21.24 Binary color 33 44 64 110011 1000100 1100100

Shades and tints of #334464

---

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

Tint color variation #334464

#52607B rgb (82,96,123) #52607B #6C788F rgb (108,120,143) #6C788F #828CA0 rgb (130,140,160) #828CA0 #959DAE rgb (149,157,174) #959DAE #A5ACBA rgb (165,172,186) #A5ACBA #B3B8C4 rgb (179,184,196) #B3B8C4 #BEC3CD rgb (190,195,205) #BEC3CD #C8CCD5 rgb (200,204,213) #C8CCD5 #D0D4DB rgb (208,212,219) #D0D4DB #D7DAE0 rgb (215,218,224) #D7DAE0

Shade color variation

#2B3A55 rgb (43,58,85) #2B3A55 #253148 rgb (37,49,72) #253148 #1F2A3D rgb (31,42,61) #1F2A3D #1A2434 rgb (26,36,52) #1A2434 #161F2C rgb (22,31,44) #161F2C #131A25 rgb (19,26,37) #131A25 #10161F rgb (16,22,31) #10161F #0E131A rgb (14,19,26) #0E131A #0C1016 rgb (12,16,22) #0C1016 #0A0E13 rgb (10,14,19) #0A0E13

Tones of #334464

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

#3B4A67 rgb (59,74,103) #3B4A67 #424F6A rgb (66,79,106) #424F6A #48546C rgb (72,84,108) #48546C #4E586E rgb (78,88,110) #4E586E #535C70 rgb (83,92,112) #535C70 #586072 rgb (88,96,114) #586072 #5C6373 rgb (92,99,115) #5C6373 #606674 rgb (96,102,116) #606674 #636975 rgb (99,105,117) #636975 #666B76 rgb (102,107,118) #666B76

Alternatives to #334464

---

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

#330864 rgb (51,8,100) #330864 #331C64 rgb (51,28,100) #331C64 #333064 rgb (51,48,100) #333064 #335864 rgb (51,88,100) #335864 #336C64 rgb (51,108,100) #336C64 #338064 rgb (51,128,100) #338064

Quick use #334464

---

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

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

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

Pre-formatted code 334464	code for script / programming
HTML, CSS:	= #334464; rgb(51, 68, 100)
Java:	= new Color(51, 68, 100)
.NET:	= Color.FromArgb (51, 68, 100);
Xojo:	= rgb (51, 68, 100, 0);
openGL:	= glColor3f (0.2f, 0.27f, 0.39f);
Swift:	= UIColor(red:0.2, green:0.27, blue:0.39, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.27 blue:0.39 alpha:1.00000];

Color schemes with #334464

---

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: 49% has a #334464 saturation. Adding 49% + 10% = 59% saturation for our new color #19263D. Decreasing 49% - 10% = 39% saturation for other monochromatic color #54678A. #54678a rgb (84,103,138) #54678a 39% saturation #541d24 rgb (25,29,36) #541d24 29% saturation #19263d rgb (25,38,61) #19263d 59% saturation #0b1424 rgb (11,20,36) #0b1424 69% 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. #3A3363 rgb (58,51,99) #3A3363 249o #334464 rgb (51,68,100) #334464 219o #335C63 rgb (51,92,99) #335C63 189o

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: #334464 has a 219o angle. Adding 219o + 180o = 39oo for our new complementary color #635233. #334464 rgb (51,68,100) #334464 219o #635233 rgb (99,82,51) #635233 39o

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: #334464 has a 219o angle. Adding 219o + 180o+30o = 69o for our first complementary color #5C6333. Decreasing 219o + 180o-30o = 9o for the second complementary color #633A33. #633A33 rgb (99,58,51) #633A33 9o #334464 rgb (51,68,100) #334464 219o #5C6333 rgb (92,99,51) #5C6333 69o

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. #633344 rgb (99,51,68) #633344 339o #334464 rgb (51,68,100) #334464 219o #446333 rgb (68,99,51) #446333 99o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #633344 rgb (99,51,68) #633344 339o #334464 rgb (51,68,100) #334464 219o #635233 rgb (99,82,51) #635233 39o #336352 rgb (51,99,82) #336352 159o