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

#45554A

In a RGB color space, hex #45554A is composed of 27% red, 33% green and 29% blue. RGB color code is composed of a hexadecimal 45 red (69/255), a 55 green (85/255) and a 4A blue component (74/255). The decimal RGB color code is rgb(69,85,74) In CMYK color space, it is composed of 19% cyan, 0% magenta, 13% yellow and 67% black. It has a hue angle of 138.75o degrees, a saturation of 10% and a lightness of 30%. Closest websafe color is: #336633 rgb (51, 102, 51).

Color conversion

---

Convert color

---

The hexadecimal color #45554A has RGB values of R:69, G:85, B:74 and CMYK values of C:19, M:0, Y:13, K:67. Its decimal value is 4543818.Binary code is 10001010101010101001010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 45554A  #45554A RGB decimal 69, 85, 74  rgb(69, 85, 74) RGB % 27, 33, 29  rgb(27%, 33%, 29%) RGB Adobe 75, 86, 76 CMYK % 19, 0, 13, 67  19%, 0%, 13%, 67% HSL 138.75o, 10, 30  hsl(138.75o, 10%, 30%) HSV (HSB) 139o, 19%, 33%  hsv(139o, 19%, 33%)

Web Safe color #336633 rgb (51, 102, 51) XYZ 6.939, 8.257 7.707 xyY 0.3, 0.36, 8.26 Hunter-Lab 28.73, -5.74, 2.75 CMY 73%, 67%, 71% Lab 34.5, -8.37, 4.27 Binary color 45 55 4A 1000101 1010101 1001010

Shades and tints of #45554A

---

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

Tint color variation #45554A

#616F65 rgb (97,111,101) #616F65 #79857C rgb (121,133,124) #79857C #8D9790 rgb (141,151,144) #8D9790 #9EA7A1 rgb (158,167,161) #9EA7A1 #ADB4AF rgb (173,180,175) #ADB4AF #B9BFBB rgb (185,191,187) #B9BFBB #C4C9C5 rgb (196,201,197) #C4C9C5 #CDD1CE rgb (205,209,206) #CDD1CE #D5D8D5 rgb (213,216,213) #D5D8D5 #DBDEDB rgb (219,222,219) #DBDEDB

Shade color variation

#3B483F rgb (59,72,63) #3B483F #323D36 rgb (50,61,54) #323D36 #2B342E rgb (43,52,46) #2B342E #252C27 rgb (37,44,39) #252C27 #1F2521 rgb (31,37,33) #1F2521 #1A1F1C rgb (26,31,28) #1A1F1C #161A18 rgb (22,26,24) #161A18 #131614 rgb (19,22,20) #131614 #101311 rgb (16,19,17) #101311 #0E100E rgb (14,16,14) #0E100E

Tones of #45554A

A tone is produced by adding gray to any pure hue. In this case, #4B594F is the less saturated color, and #6C726D is the most saturated one.

#4B594F rgb (75,89,79) #4B594F #505D54 rgb (80,93,84) #505D54 #556158 rgb (85,97,88) #556158 #59645C rgb (89,100,92) #59645C #5D6760 rgb (93,103,96) #5D6760 #616A63 rgb (97,106,99) #616A63 #646C66 rgb (100,108,102) #646C66 #676E69 rgb (103,110,105) #676E69 #6A706B rgb (106,112,107) #6A706B #6C726D rgb (108,114,109) #6C726D

Alternatives to #45554A

---

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

#45194A rgb (69,25,74) #45194A #452D4A rgb (69,45,74) #452D4A #45414A rgb (69,65,74) #45414A #45694A rgb (69,105,74) #45694A #457D4A rgb (69,125,74) #457D4A #45914A rgb (69,145,74) #45914A

Quick use #45554A

---

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

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

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

Pre-formatted code 45554A	code for script / programming
HTML, CSS:	= #45554A; rgb(69, 85, 74)
Java:	= new Color(69, 85, 74)
.NET:	= Color.FromArgb (69, 85, 74);
Xojo:	= rgb (69, 85, 74, 0);
openGL:	= glColor3f (0.27f, 0.33f, 0.29f);
Swift:	= UIColor(red:0.27, green:0.33, blue:0.29, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.27 green:0.33 blue:0.29 alpha:1.00000];

Color schemes with #45554A

---

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: 19% has a #45554A saturation. Adding 19% + 10% = 29% saturation for our new color #212E25. Decreasing 19% - 10% = 9% saturation for other monochromatic color #6F7A73. #6f7a73 rgb (111,122,115) #6f7a73 9% saturation #6f1414 rgb (20,20,20) #6f1414 0% saturation #212e25 rgb (33,46,37) #212e25 29% saturation #0c140f rgb (12,20,15) #0c140f 39% 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. #445451 rgb (68,84,81) #445451 169o #45554A rgb (69,85,74) #45554A 139o #475444 rgb (71,84,68) #475444 109o

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: #45554A has a 139o angle. Adding 139o + 180o = 319oo for our new complementary color #54444F. #45554A rgb (69,85,74) #45554A 139o #54444F rgb (84,68,79) #54444F 319o

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: #45554A has a 139o angle. Adding 139o + 180o+30o = 349o for our first complementary color #544447. Decreasing 139o + 180o-30o = 289o for the second complementary color #514454. #514454 rgb (81,68,84) #514454 289o #45554A rgb (69,85,74) #45554A 139o #544447 rgb (84,68,71) #544447 349o

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. #494454 rgb (73,68,84) #494454 259o #45554A rgb (69,85,74) #45554A 139o #544944 rgb (84,73,68) #544944 19o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #494454 rgb (73,68,84) #494454 259o #45554A rgb (69,85,74) #45554A 139o #54444F rgb (84,68,79) #54444F 319o #4F5444 rgb (79,84,68) #4F5444 79o