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

#4BA57E

In a RGB color space, hex #4BA57E is composed of 29% red, 65% green and 49% blue. RGB color code is composed of a hexadecimal 4B red (75/255), a A5 green (165/255) and a 7E blue component (126/255). The decimal RGB color code is rgb(75,165,126) In CMYK color space, it is composed of 55% cyan, 0% magenta, 24% yellow and 35% black. It has a hue angle of 154o degrees, a saturation of 38% and a lightness of 47%. Closest websafe color is: #339966 rgb (51, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #4BA57E has RGB values of R:75, G:165, B:126 and CMYK values of C:55, M:0, Y:24, K:35. Its decimal value is 4957566.Binary code is 10010111010010101111110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 4BA57E  #4BA57E RGB decimal 75, 165, 126  rgb(75, 165, 126) RGB % 29, 65, 49  rgb(29%, 65%, 49%) RGB Adobe 110, 163, 127 CMYK % 55, 0, 24, 35  55%, 0%, 24%, 35% HSL 154o, 38, 47  hsl(154o, 38%, 47%) HSV (HSB) 154o, 55%, 65%  hsv(154o, 55%, 65%)

Web Safe color #339966 rgb (51, 153, 102) XYZ 20.123, 29.912 24.452 xyY 0.27, 0.4, 29.91 Hunter-Lab 54.69, -27.54, 9.14 CMY 71%, 35%, 51% Lab 61.48, -35.36, 11.77 Binary color 4B A5 7E 1001011 10100101 1111110

Shades and tints of #4BA57E

---

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

Tint color variation #4BA57E

#66B391 rgb (102,179,145) #66B391 #7DBEA2 rgb (125,190,162) #7DBEA2 #91C8B0 rgb (145,200,176) #91C8B0 #A2D0BC rgb (162,208,188) #A2D0BC #B0D7C6 rgb (176,215,198) #B0D7C6 #BCDDCF rgb (188,221,207) #BCDDCF #C6E2D6 rgb (198,226,214) #C6E2D6 #CFE6DC rgb (207,230,220) #CFE6DC #D6EAE1 rgb (214,234,225) #D6EAE1 #DCEDE6 rgb (220,237,230) #DCEDE6

Shade color variation

#408C6B rgb (64,140,107) #408C6B #36775B rgb (54,119,91) #36775B #2E654D rgb (46,101,77) #2E654D #275641 rgb (39,86,65) #275641 #214937 rgb (33,73,55) #214937 #1C3E2F rgb (28,62,47) #1C3E2F #183528 rgb (24,53,40) #183528 #142D22 rgb (20,45,34) #142D22 #11261D rgb (17,38,29) #11261D #0E2019 rgb (14,32,25) #0E2019

Tones of #4BA57E

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

#50A17E rgb (80,161,126) #50A17E #559E7E rgb (85,158,126) #559E7E #599B7E rgb (89,155,126) #599B7E #5D987E rgb (93,152,126) #5D987E #61967E rgb (97,150,126) #61967E #64947E rgb (100,148,126) #64947E #67927E rgb (103,146,126) #67927E #6A907E rgb (106,144,126) #6A907E #6C8E7E rgb (108,142,126) #6C8E7E #6E8D7E rgb (110,141,126) #6E8D7E

Alternatives to #4BA57E

---

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

#4B697E rgb (75,105,126) #4B697E #4B7D7E rgb (75,125,126) #4B7D7E #4B917E rgb (75,145,126) #4B917E #4BB97E rgb (75,185,126) #4BB97E #4BCD7E rgb (75,205,126) #4BCD7E #4BE17E rgb (75,225,126) #4BE17E

Quick use #4BA57E

---

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

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

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

Pre-formatted code 4BA57E	code for script / programming
HTML, CSS:	= #4BA57E; rgb(75, 165, 126)
Java:	= new Color(75, 165, 126)
.NET:	= Color.FromArgb (75, 165, 126);
Xojo:	= rgb (75, 165, 126, 0);
openGL:	= glColor3f (0.29f, 0.65f, 0.49f);
Swift:	= UIColor(red:0.29, green:0.65, blue:0.49, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.29 green:0.65 blue:0.49 alpha:1.00000];

Color schemes with #4BA57E

---

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: 55% has a #4BA57E saturation. Adding 55% + 10% = 65% saturation for our new color #2D805C. Decreasing 55% - 10% = 45% saturation for other monochromatic color #70CCA4. #70cca4 rgb (112,204,164) #70cca4 45% saturation #706657 rgb (66,102,87) #706657 35% saturation #2d805c rgb (45,128,92) #2d805c 65% saturation #1a6645 rgb (26,102,69) #1a6645 75% 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. #4BA0A6 rgb (75,160,166) #4BA0A6 184o #4BA57E rgb (75,165,126) #4BA57E 154o #4BA651 rgb (75,166,81) #4BA651 124o

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: #4BA57E has a 154o angle. Adding 154o + 180o = 334oo for our new complementary color #A64B72. #4BA57E rgb (75,165,126) #4BA57E 154o #A64B72 rgb (166,75,114) #A64B72 334o

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: #4BA57E has a 154o angle. Adding 154o + 180o+30o = 4o for our first complementary color #A6514B. Decreasing 154o + 180o-30o = 304o for the second complementary color #A64BA0. #A64BA0 rgb (166,75,160) #A64BA0 304o #4BA57E rgb (75,165,126) #4BA57E 154o #A6514B rgb (166,81,75) #A6514B 4o

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. #7E4BA6 rgb (126,75,166) #7E4BA6 274o #4BA57E rgb (75,165,126) #4BA57E 154o #A67E4B rgb (166,126,75) #A67E4B 34o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #7E4BA6 rgb (126,75,166) #7E4BA6 274o #4BA57E rgb (75,165,126) #4BA57E 154o #A64B72 rgb (166,75,114) #A64B72 334o #72A64B rgb (114,166,75) #72A64B 94o