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

#305477

In a RGB color space, hex #305477 is composed of 19% red, 33% green and 47% blue. RGB color code is composed of a hexadecimal 30 red (48/255), a 54 green (84/255) and a 77 blue component (119/255). The decimal RGB color code is rgb(48,84,119) In CMYK color space, it is composed of 60% cyan, 29% magenta, 0% yellow and 53% black. It has a hue angle of 209.58o degrees, a saturation of 43% and a lightness of 33%. Closest websafe color is: #336666 rgb (51, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #305477 has RGB values of R:48, G:84, B:119 and CMYK values of C:60, M:29, Y:0, K:53. Its decimal value is 3167351.Binary code is 1100000101010001110111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 305477  #305477 RGB decimal 48, 84, 119  rgb(48, 84, 119) RGB % 19, 33, 47  rgb(19%, 33%, 47%) RGB Adobe 63, 85, 117 CMYK % 60, 29, 0, 53  60%, 29%, 0%, 53% HSL 209.58o, 43, 33  hsl(209.58o, 43%, 33%) HSV (HSB) 210o, 60%, 47%  hsv(210o, 60%, 47%)

Web Safe color #336666 rgb (51, 102, 102) XYZ 7.719, 8.301 18.648 xyY 0.22, 0.24, 8.3 Hunter-Lab 28.81, -1.08, -20.54 CMY 81%, 67%, 53% Lab 34.26, -4.69, -24.27 Binary color 30 54 77 110000 1010100 1110111

Shades and tints of #305477

---

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

Tint color variation #305477

#4F6E8B rgb (79,110,139) #4F6E8B #69849C rgb (105,132,156) #69849C #8096AB rgb (128,150,171) #8096AB #93A6B8 rgb (147,166,184) #93A6B8 #A3B3C3 rgb (163,179,195) #A3B3C3 #B1BECC rgb (177,190,204) #B1BECC #BDC8D4 rgb (189,200,212) #BDC8D4 #C7D0DA rgb (199,208,218) #C7D0DA #CFD7E0 rgb (207,215,224) #CFD7E0 #D6DDE5 rgb (214,221,229) #D6DDE5

Shade color variation

#294765 rgb (41,71,101) #294765 #233C56 rgb (35,60,86) #233C56 #1E3349 rgb (30,51,73) #1E3349 #1A2B3E rgb (26,43,62) #1A2B3E #162535 rgb (22,37,53) #162535 #131F2D rgb (19,31,45) #131F2D #101A26 rgb (16,26,38) #101A26 #0E1620 rgb (14,22,32) #0E1620 #0C131B rgb (12,19,27) #0C131B #0A1017 rgb (10,16,23) #0A1017

Tones of #305477

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

#385878 rgb (56,88,120) #385878 #3F5C79 rgb (63,92,121) #3F5C79 #46607A rgb (70,96,122) #46607A #4C637B rgb (76,99,123) #4C637B #51667C rgb (81,102,124) #51667C #56697C rgb (86,105,124) #56697C #5A6B7C rgb (90,107,124) #5A6B7C #5E6D7C rgb (94,109,124) #5E6D7C #616F7C rgb (97,111,124) #616F7C #64717C rgb (100,113,124) #64717C

Alternatives to #305477

---

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

#301877 rgb (48,24,119) #301877 #302C77 rgb (48,44,119) #302C77 #304077 rgb (48,64,119) #304077 #306877 rgb (48,104,119) #306877 #307C77 rgb (48,124,119) #307C77 #309077 rgb (48,144,119) #309077

Quick use #305477

---

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

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

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

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

Color schemes with #305477

---

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: 60% has a #305477 saturation. Adding 60% + 10% = 70% saturation for our new color #183552. Decreasing 60% - 10% = 50% saturation for other monochromatic color #4F779E. #4f779e rgb (79,119,158) #4f779e 50% saturation #4f2d38 rgb (34,45,56) #4f2d38 40% saturation #183552 rgb (24,53,82) #183552 70% saturation #0b2238 rgb (11,34,56) #0b2238 80% 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. #303078 rgb (48,48,120) #303078 240o #305477 rgb (48,84,119) #305477 210o #307878 rgb (48,120,120) #307878 180o

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: #305477 has a 210o angle. Adding 210o + 180o = 30oo for our new complementary color #785430. #305477 rgb (48,84,119) #305477 210o #785430 rgb (120,84,48) #785430 30o

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: #305477 has a 210o angle. Adding 210o + 180o+30o = 60o for our first complementary color #787830. Decreasing 210o + 180o-30o = 360o for the second complementary color #783030. #783030 rgb (120,48,48) #783030 360o #305477 rgb (48,84,119) #305477 210o #787830 rgb (120,120,48) #787830 60o

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. #783054 rgb (120,48,84) #783054 330o #305477 rgb (48,84,119) #305477 210o #547830 rgb (84,120,48) #547830 90o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #783054 rgb (120,48,84) #783054 330o #305477 rgb (48,84,119) #305477 210o #785430 rgb (120,84,48) #785430 30o #307854 rgb (48,120,84) #307854 150o