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

#54946C

In a RGB color space, hex #54946C is composed of 33% red, 58% green and 42% blue. RGB color code is composed of a hexadecimal 54 red (84/255), a 94 green (148/255) and a 6C blue component (108/255). The decimal RGB color code is rgb(84,148,108) In CMYK color space, it is composed of 43% cyan, 0% magenta, 27% yellow and 42% black. It has a hue angle of 142.5o degrees, a saturation of 28% and a lightness of 45%. Closest websafe color is: #669966 rgb (102, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #54946C has RGB values of R:84, G:148, B:108 and CMYK values of C:43, M:0, Y:27, K:42. Its decimal value is 5543020.Binary code is 10101001001010001101100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 54946C  #54946C RGB decimal 84, 148, 108  rgb(84, 148, 108) RGB % 33, 58, 42  rgb(33%, 58%, 42%) RGB Adobe 107, 147, 110 CMYK % 43, 0, 27, 42  43%, 0%, 27%, 42% HSL 142.5o, 28, 45  hsl(142.5o, 28%, 45%) HSV (HSB) 143o, 43%, 58%  hsv(143o, 43%, 58%)

Web Safe color #669966 rgb (102, 153, 102) XYZ 16.953, 24.147 17.955 xyY 0.29, 0.41, 24.15 Hunter-Lab 49.14, -22.13, 10.45 CMY 67%, 42%, 58% Lab 56.2, -28.57, 14.54 Binary color 54 94 6C 1010100 10010100 1101100

Shades and tints of #54946C

---

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: #101D16 is the darkest color, and: #DDEAE2 is the lightest one.

Tint color variation #54946C

#6EA482 rgb (110,164,130) #6EA482 #84B295 rgb (132,178,149) #84B295 #96BEA5 rgb (150,190,165) #96BEA5 #A6C8B3 rgb (166,200,179) #A6C8B3 #B3D0BE rgb (179,208,190) #B3D0BE #BED7C8 rgb (190,215,200) #BED7C8 #C8DDD0 rgb (200,221,208) #C8DDD0 #D0E2D7 rgb (208,226,215) #D0E2D7 #D7E6DD rgb (215,230,221) #D7E6DD #DDEAE2 rgb (221,234,226) #DDEAE2

Shade color variation

#477E5C rgb (71,126,92) #477E5C #3C6B4E rgb (60,107,78) #3C6B4E #335B42 rgb (51,91,66) #335B42 #2B4D38 rgb (43,77,56) #2B4D38 #254130 rgb (37,65,48) #254130 #1F3729 rgb (31,55,41) #1F3729 #1A2F23 rgb (26,47,35) #1A2F23 #16281E rgb (22,40,30) #16281E #13221A rgb (19,34,26) #13221A #101D16 rgb (16,29,22) #101D16

Tones of #54946C

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

#58926E rgb (88,146,110) #58926E #5C9070 rgb (92,144,112) #5C9070 #608E72 rgb (96,142,114) #608E72 #638D73 rgb (99,141,115) #638D73 #668C74 rgb (102,140,116) #668C74 #698B75 rgb (105,139,117) #698B75 #6B8A76 rgb (107,138,118) #6B8A76 #6D8977 rgb (109,137,119) #6D8977 #6F8878 rgb (111,136,120) #6F8878 #718779 rgb (113,135,121) #718779

Alternatives to #54946C

---

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

#54586C rgb (84,88,108) #54586C #546C6C rgb (84,108,108) #546C6C #54806C rgb (84,128,108) #54806C #54A86C rgb (84,168,108) #54A86C #54BC6C rgb (84,188,108) #54BC6C #54D06C rgb (84,208,108) #54D06C

Quick use #54946C

---

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

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

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

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

Color schemes with #54946C

---

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: 43% has a #54946C saturation. Adding 43% + 10% = 53% saturation for our new color #346E4A. Decreasing 43% - 10% = 33% saturation for other monochromatic color #7DBA94. #7dba94 rgb (125,186,148) #7dba94 33% saturation #7d5448 rgb (65,84,72) #7d5448 23% saturation #346e4a rgb (52,110,74) #346e4a 53% saturation #1f5433 rgb (31,84,51) #1f5433 63% 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. #54948C rgb (84,148,140) #54948C 173o #54946C rgb (84,148,108) #54946C 143o #5C9454 rgb (92,148,84) #5C9454 113o

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: #54946C has a 143o angle. Adding 143o + 180o = 323oo for our new complementary color #94547C. #54946C rgb (84,148,108) #54946C 143o #94547C rgb (148,84,124) #94547C 323o

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: #54946C has a 143o angle. Adding 143o + 180o+30o = 353o for our first complementary color #94545C. Decreasing 143o + 180o-30o = 293o for the second complementary color #8C5494. #8C5494 rgb (140,84,148) #8C5494 293o #54946C rgb (84,148,108) #54946C 143o #94545C rgb (148,84,92) #94545C 353o

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. #6D5494 rgb (109,84,148) #6D5494 263o #54946C rgb (84,148,108) #54946C 143o #946D54 rgb (148,109,84) #946D54 23o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #6D5494 rgb (109,84,148) #6D5494 263o #54946C rgb (84,148,108) #54946C 143o #94547C rgb (148,84,124) #94547C 323o #7C9454 rgb (124,148,84) #7C9454 83o