#48B869 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #48B869

#48B869

In a RGB color space, hex #48B869 is composed of 28% red, 72% green and 41% blue. RGB color code is composed of a hexadecimal 48 red (72/255), a B8 green (184/255) and a 69 blue component (105/255). The decimal RGB color code is rgb(72,184,105) In CMYK color space, it is composed of 61% cyan, 0% magenta, 43% yellow and 28% black. It has a hue angle of 137.68o degrees, a saturation of 44% and a lightness of 50%. Closest websafe color is: #33cc66 rgb (51, 204, 102).

Color conversion

---

Convert color

---

The hexadecimal color #48B869 has RGB values of R:72, G:184, B:105 and CMYK values of C:61, M:0, Y:43, K:28. Its decimal value is 4765801.Binary code is 10010001011100001101001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 48B869  #48B869 RGB decimal 72, 184, 105  rgb(72, 184, 105) RGB % 28, 72, 41  rgb(28%, 72%, 41%) RGB Adobe 118, 183, 109 CMYK % 61, 0, 43, 28  61%, 0%, 43%, 28% HSL 137.68o, 44, 50  hsl(137.68o, 44%, 50%) HSV (HSB) 138o, 61%, 72%  hsv(138o, 61%, 72%)

Web Safe color #33cc66 rgb (51, 204, 102) XYZ 22.363, 36.679 19.266 xyY 0.29, 0.47, 36.68 Hunter-Lab 60.56, -37.43, 21.01 CMY 72%, 28%, 59% Lab 67.02, -46.4, 30.27 Binary color 48 B8 69 1001000 10111000 1101001

Shades and tints of #48B869

---

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

Tint color variation #48B869

#63C380 rgb (99,195,128) #63C380 #7ACC93 rgb (122,204,147) #7ACC93 #8ED4A3 rgb (142,212,163) #8ED4A3 #9FDAB1 rgb (159,218,177) #9FDAB1 #ADE0BD rgb (173,224,189) #ADE0BD #B9E5C7 rgb (185,229,199) #B9E5C7 #C4E9CF rgb (196,233,207) #C4E9CF #CDECD6 rgb (205,236,214) #CDECD6 #D5EFDC rgb (213,239,220) #D5EFDC #DBF1E1 rgb (219,241,225) #DBF1E1

Shade color variation

#3D9C59 rgb (61,156,89) #3D9C59 #34854C rgb (52,133,76) #34854C #2C7141 rgb (44,113,65) #2C7141 #256037 rgb (37,96,55) #256037 #1F522F rgb (31,82,47) #1F522F #1A4628 rgb (26,70,40) #1A4628 #163C22 rgb (22,60,34) #163C22 #13331D rgb (19,51,29) #13331D #102B19 rgb (16,43,25) #102B19 #0E2515 rgb (14,37,21) #0E2515

Tones of #48B869

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

#4EB26B rgb (78,178,107) #4EB26B #53AD6D rgb (83,173,109) #53AD6D #58A96F rgb (88,169,111) #58A96F #5CA571 rgb (92,165,113) #5CA571 #60A173 rgb (96,161,115) #60A173 #639E74 rgb (99,158,116) #639E74 #669B75 rgb (102,155,117) #669B75 #699876 rgb (105,152,118) #699876 #6B9677 rgb (107,150,119) #6B9677 #6D9478 rgb (109,148,120) #6D9478

Alternatives to #48B869

---

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

#487C69 rgb (72,124,105) #487C69 #489069 rgb (72,144,105) #489069 #48A469 rgb (72,164,105) #48A469 #48CC69 rgb (72,204,105) #48CC69 #48E069 rgb (72,224,105) #48E069 #48F469 rgb (72,244,105) #48F469

Quick use #48B869

---

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

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

Box border html code	Text shadow with RGB values for color #48B869
box border html code for color #48B869	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #48B869;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(72, 184, 105, 1.4);

Pre-formatted code 48B869	code for script / programming
HTML, CSS:	= #48B869; rgb(72, 184, 105)
Java:	= new Color(72, 184, 105)
.NET:	= Color.FromArgb (72, 184, 105);
Xojo:	= rgb (72, 184, 105, 0);
openGL:	= glColor3f (0.28f, 0.72f, 0.41f);
Swift:	= UIColor(red:0.28, green:0.72, blue:0.41, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.28 green:0.72 blue:0.41 alpha:1.00000];

Color schemes with #48B869

---

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: 61% has a #48B869 saturation. Adding 61% + 10% = 71% saturation for our new color #2A9149. Decreasing 61% - 10% = 51% saturation for other monochromatic color #6DDE8F. #6dde8f rgb (109,222,143) #6dde8f 51% saturation #6d7855 rgb (71,120,85) #6d7855 41% saturation #2a9149 rgb (42,145,73) #2a9149 71% saturation #177834 rgb (23,120,52) #177834 81% 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. #48B8A1 rgb (72,184,161) #48B8A1 168o #48B869 rgb (72,184,105) #48B869 138o #5EB848 rgb (94,184,72) #5EB848 108o

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: #48B869 has a 138o angle. Adding 138o + 180o = 318oo for our new complementary color #B84896. #48B869 rgb (72,184,105) #48B869 138o #B84896 rgb (184,72,150) #B84896 318o

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: #48B869 has a 138o angle. Adding 138o + 180o+30o = 348o for our first complementary color #B8485E. Decreasing 138o + 180o-30o = 288o for the second complementary color #A148B8. #A148B8 rgb (161,72,184) #A148B8 288o #48B869 rgb (72,184,105) #48B869 138o #B8485E rgb (184,72,94) #B8485E 348o

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. #6948B8 rgb (105,72,184) #6948B8 258o #48B869 rgb (72,184,105) #48B869 138o #B86948 rgb (184,105,72) #B86948 18o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #6948B8 rgb (105,72,184) #6948B8 258o #48B869 rgb (72,184,105) #48B869 138o #B84896 rgb (184,72,150) #B84896 318o #96B848 rgb (150,184,72) #96B848 78o