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

#54E0A5

In a RGB color space, hex #54E0A5 is composed of 33% red, 88% green and 65% blue. RGB color code is composed of a hexadecimal 54 red (84/255), a E0 green (224/255) and a A5 blue component (165/255). The decimal RGB color code is rgb(84,224,165) In CMYK color space, it is composed of 63% cyan, 0% magenta, 26% yellow and 12% black. It has a hue angle of 154.71o degrees, a saturation of 69% and a lightness of 60%. Closest websafe color is: #66cc99 rgb (102, 204, 153).

Color conversion

---

Convert color

---

The hexadecimal color #54E0A5 has RGB values of R:84, G:224, B:165 and CMYK values of C:63, M:0, Y:26, K:12. Its decimal value is 5562533.Binary code is 10101001110000010100101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 54E0A5  #54E0A5 RGB decimal 84, 224, 165  rgb(84, 224, 165) RGB % 33, 88, 65  rgb(33%, 88%, 65%) RGB Adobe 142, 223, 166 CMYK % 63, 0, 26, 12  63%, 0%, 26%, 12% HSL 154.71o, 69, 60  hsl(154.71o, 69%, 60%) HSV (HSB) 155o, 63%, 88%  hsv(155o, 63%, 88%)

Web Safe color #66cc99 rgb (102, 204, 153) XYZ 37.103, 57.913 44.82 xyY 0.27, 0.41, 57.91 Hunter-Lab 76.1, -42.75, 14.76 CMY 67%, 12%, 35% Lab 80.57, -49.8, 17.33 Binary color 54 E0 A5 1010100 11100000 10100101

Shades and tints of #54E0A5

---

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: #102B20 is the darkest color, and: #DDF9ED is the lightest one.

Tint color variation #54E0A5

#6EE5B3 rgb (110,229,179) #6EE5B3 #84E9BE rgb (132,233,190) #84E9BE #96ECC8 rgb (150,236,200) #96ECC8 #A6EFD0 rgb (166,239,208) #A6EFD0 #B3F1D7 rgb (179,241,215) #B3F1D7 #BEF3DD rgb (190,243,221) #BEF3DD #C8F5E2 rgb (200,245,226) #C8F5E2 #D0F7E6 rgb (208,247,230) #D0F7E6 #D7F8EA rgb (215,248,234) #D7F8EA #DDF9ED rgb (221,249,237) #DDF9ED

Shade color variation

#47BE8C rgb (71,190,140) #47BE8C #3CA277 rgb (60,162,119) #3CA277 #338A65 rgb (51,138,101) #338A65 #2B7556 rgb (43,117,86) #2B7556 #256349 rgb (37,99,73) #256349 #1F543E rgb (31,84,62) #1F543E #1A4735 rgb (26,71,53) #1A4735 #163C2D rgb (22,60,45) #163C2D #133326 rgb (19,51,38) #133326 #102B20 rgb (16,43,32) #102B20

Tones of #54E0A5

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

#58D6A1 rgb (88,214,161) #58D6A1 #5CCD9E rgb (92,205,158) #5CCD9E #60C59B rgb (96,197,155) #60C59B #63BE98 rgb (99,190,152) #63BE98 #66B896 rgb (102,184,150) #66B896 #69B294 rgb (105,178,148) #69B294 #6BAD92 rgb (107,173,146) #6BAD92 #6DA990 rgb (109,169,144) #6DA990 #6FA58E rgb (111,165,142) #6FA58E #71A18D rgb (113,161,141) #71A18D

Alternatives to #54E0A5

---

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

#54A4A5 rgb (84,164,165) #54A4A5 #54B8A5 rgb (84,184,165) #54B8A5 #54CCA5 rgb (84,204,165) #54CCA5 #54F4A5 rgb (84,244,165) #54F4A5 #68FFA5 rgb (104,255,165) #68FFA5 #7CFFA5 rgb (124,255,165) #7CFFA5

Quick use #54E0A5

---

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

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

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

Pre-formatted code 54E0A5	code for script / programming
HTML, CSS:	= #54E0A5; rgb(84, 224, 165)
Java:	= new Color(84, 224, 165)
.NET:	= Color.FromArgb (84, 224, 165);
Xojo:	= rgb (84, 224, 165, 0);
openGL:	= glColor3f (0.33f, 0.88f, 0.65f);
Swift:	= UIColor(red:0.33, green:0.88, blue:0.65, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.88 blue:0.65 alpha:1.00000];

Color schemes with #54E0A5

---

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: 63% has a #54E0A5 saturation. Adding 63% + 10% = 73% saturation for our new color #32BA82. Decreasing 63% - 10% = 53% saturation for other monochromatic color #78FFC7. #78ffc7 rgb (120,255,199) #78ffc7 53% saturation #78a184 rgb (92,161,132) #78a184 43% saturation #32ba82 rgb (50,186,130) #32ba82 73% saturation #1ba169 rgb (27,161,105) #1ba169 83% 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. #53D5E0 rgb (83,213,224) #53D5E0 185o #54E0A5 rgb (84,224,165) #54E0A5 155o #53E05F rgb (83,224,95) #53E05F 125o

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: #54E0A5 has a 155o angle. Adding 155o + 180o = 335oo for our new complementary color #E0538E. #54E0A5 rgb (84,224,165) #54E0A5 155o #E0538E rgb (224,83,142) #E0538E 335o

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: #54E0A5 has a 155o angle. Adding 155o + 180o+30o = 5o for our first complementary color #E05F53. Decreasing 155o + 180o-30o = 305o for the second complementary color #E053D5. #E053D5 rgb (224,83,213) #E053D5 305o #54E0A5 rgb (84,224,165) #54E0A5 155o #E05F53 rgb (224,95,83) #E05F53 5o

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. #A553E0 rgb (165,83,224) #A553E0 275o #54E0A5 rgb (84,224,165) #54E0A5 155o #E0A553 rgb (224,165,83) #E0A553 35o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #A553E0 rgb (165,83,224) #A553E0 275o #54E0A5 rgb (84,224,165) #54E0A5 155o #E0538E rgb (224,83,142) #E0538E 335o #8EE053 rgb (142,224,83) #8EE053 95o