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

#54985C

In a RGB color space, hex #54985C is composed of 33% red, 60% green and 36% blue. RGB color code is composed of a hexadecimal 54 red (84/255), a 98 green (152/255) and a 5C blue component (92/255). The decimal RGB color code is rgb(84,152,92) In CMYK color space, it is composed of 45% cyan, 0% magenta, 39% yellow and 40% black. It has a hue angle of 127.06o degrees, a saturation of 29% and a lightness of 46%. Closest websafe color is: #669966 rgb (102, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #54985C has RGB values of R:84, G:152, B:92 and CMYK values of C:45, M:0, Y:39, K:40. Its decimal value is 5544028.Binary code is 10101001001100001011100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 54985C  #54985C RGB decimal 84, 152, 92  rgb(84, 152, 92) RGB % 33, 60, 36  rgb(33%, 60%, 36%) RGB Adobe 109, 151, 96 CMYK % 45, 0, 39, 40  45%, 0%, 39%, 40% HSL 127.06o, 29, 46  hsl(127.06o, 29%, 46%) HSV (HSB) 127o, 45%, 60%  hsv(127o, 45%, 60%)

Web Safe color #669966 rgb (102, 153, 102) XYZ 16.816, 25.114 14.086 xyY 0.3, 0.45, 25.11 Hunter-Lab 50.11, -25.53, 16.29 CMY 67%, 40%, 64% Lab 57.2, -32.5, 24.62 Binary color 54 98 5C 1010100 10011000 1011100

Shades and tints of #54985C

---

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

Tint color variation #54985C

#6EA774 rgb (110,167,116) #6EA774 #84B489 rgb (132,180,137) #84B489 #96BF9B rgb (150,191,155) #96BF9B #A6C9AA rgb (166,201,170) #A6C9AA #B3D1B7 rgb (179,209,183) #B3D1B7 #BED8C2 rgb (190,216,194) #BED8C2 #C8DECB rgb (200,222,203) #C8DECB #D0E3D3 rgb (208,227,211) #D0E3D3 #D7E7DA rgb (215,231,218) #D7E7DA #DDEBE0 rgb (221,235,224) #DDEBE0

Shade color variation

#47814E rgb (71,129,78) #47814E #3C6E42 rgb (60,110,66) #3C6E42 #335E38 rgb (51,94,56) #335E38 #2B5030 rgb (43,80,48) #2B5030 #254429 rgb (37,68,41) #254429 #1F3A23 rgb (31,58,35) #1F3A23 #1A311E rgb (26,49,30) #1A311E #162A1A rgb (22,42,26) #162A1A #132416 rgb (19,36,22) #132416 #101F13 rgb (16,31,19) #101F13

Tones of #54985C

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

#589660 rgb (88,150,96) #589660 #5C9463 rgb (92,148,99) #5C9463 #609266 rgb (96,146,102) #609266 #639069 rgb (99,144,105) #639069 #668E6B rgb (102,142,107) #668E6B #698D6D rgb (105,141,109) #698D6D #6B8C6F rgb (107,140,111) #6B8C6F #6D8B71 rgb (109,139,113) #6D8B71 #6F8A73 rgb (111,138,115) #6F8A73 #718974 rgb (113,137,116) #718974

Alternatives to #54985C

---

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

#545C5C rgb (84,92,92) #545C5C #54705C rgb (84,112,92) #54705C #54845C rgb (84,132,92) #54845C #54AC5C rgb (84,172,92) #54AC5C #54C05C rgb (84,192,92) #54C05C #54D45C rgb (84,212,92) #54D45C

Quick use #54985C

---

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

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

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

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

Color schemes with #54985C

---

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: 45% has a #54985C saturation. Adding 45% + 10% = 55% saturation for our new color #34733B. Decreasing 45% - 10% = 35% saturation for other monochromatic color #7CBF84. #7cbf84 rgb (124,191,132) #7cbf84 35% saturation #7c5946 rgb (67,89,70) #7c5946 25% saturation #34733b rgb (52,115,59) #34733b 55% saturation #1f5926 rgb (31,89,38) #1f5926 65% 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. #54997F rgb (84,153,127) #54997F 157o #54985C rgb (84,152,92) #54985C 127o #6F9954 rgb (111,153,84) #6F9954 97o

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: #54985C has a 127o angle. Adding 127o + 180o = 307oo for our new complementary color #995491. #54985C rgb (84,152,92) #54985C 127o #995491 rgb (153,84,145) #995491 307o

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: #54985C has a 127o angle. Adding 127o + 180o+30o = 337o for our first complementary color #99546F. Decreasing 127o + 180o-30o = 277o for the second complementary color #7F5499. #7F5499 rgb (127,84,153) #7F5499 277o #54985C rgb (84,152,92) #54985C 127o #99546F rgb (153,84,111) #99546F 337o

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. #5C5499 rgb (92,84,153) #5C5499 247o #54985C rgb (84,152,92) #54985C 127o #995C54 rgb (153,92,84) #995C54 7o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #5C5499 rgb (92,84,153) #5C5499 247o #54985C rgb (84,152,92) #54985C 127o #995491 rgb (153,84,145) #995491 307o #919954 rgb (145,153,84) #919954 67o