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

#4BB6AF

In a RGB color space, hex #4BB6AF is composed of 29% red, 71% green and 69% blue. RGB color code is composed of a hexadecimal 4B red (75/255), a B6 green (182/255) and a AF blue component (175/255). The decimal RGB color code is rgb(75,182,175) In CMYK color space, it is composed of 59% cyan, 0% magenta, 4% yellow and 29% black. It has a hue angle of 176.07o degrees, a saturation of 42% and a lightness of 50%. Closest websafe color is: #33cc99 rgb (51, 204, 153).

Color conversion

---

Convert color

---

The hexadecimal color #4BB6AF has RGB values of R:75, G:182, B:175 and CMYK values of C:59, M:0, Y:4, K:29. Its decimal value is 4961967.Binary code is 10010111011011010101111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 4BB6AF  #4BB6AF RGB decimal 75, 182, 175  rgb(75, 182, 175) RGB % 29, 71, 69  rgb(29%, 71%, 69%) RGB Adobe 118, 181, 174 CMYK % 59, 0, 4, 29  59%, 0%, 4%, 29% HSL 176.07o, 42, 50  hsl(176.07o, 42%, 50%) HSV (HSB) 176o, 59%, 71%  hsv(176o, 59%, 71%)

Web Safe color #33cc99 rgb (51, 204, 153) XYZ 27.367, 38.047 46.459 xyY 0.24, 0.34, 38.05 Hunter-Lab 61.68, -25.86, -5.02 CMY 71%, 29%, 31% Lab 67.8, -33.22, -6.15 Binary color 4B B6 AF 1001011 10110110 10101111

Shades and tints of #4BB6AF

---

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

Tint color variation #4BB6AF

#66C1BB rgb (102,193,187) #66C1BB #7DCAC5 rgb (125,202,197) #7DCAC5 #91D2CE rgb (145,210,206) #91D2CE #A2D9D5 rgb (162,217,213) #A2D9D5 #B0DFDB rgb (176,223,219) #B0DFDB #BCE4E0 rgb (188,228,224) #BCE4E0 #C6E8E5 rgb (198,232,229) #C6E8E5 #CFEBE9 rgb (207,235,233) #CFEBE9 #D6EEEC rgb (214,238,236) #D6EEEC #DCF1EF rgb (220,241,239) #DCF1EF

Shade color variation

#409B95 rgb (64,155,149) #409B95 #36847F rgb (54,132,127) #36847F #2E706C rgb (46,112,108) #2E706C #275F5C rgb (39,95,92) #275F5C #21514E rgb (33,81,78) #21514E #1C4542 rgb (28,69,66) #1C4542 #183B38 rgb (24,59,56) #183B38 #143230 rgb (20,50,48) #143230 #112B29 rgb (17,43,41) #112B29 #0E2523 rgb (14,37,35) #0E2523

Tones of #4BB6AF

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

#50B1AA rgb (80,177,170) #50B1AA #55ACA6 rgb (85,172,166) #55ACA6 #59A8A2 rgb (89,168,162) #59A8A2 #5DA49F rgb (93,164,159) #5DA49F #61A09C rgb (97,160,156) #61A09C #649D99 rgb (100,157,153) #649D99 #679A97 rgb (103,154,151) #679A97 #6A9795 rgb (106,151,149) #6A9795 #6C9593 rgb (108,149,147) #6C9593 #6E9391 rgb (110,147,145) #6E9391

Alternatives to #4BB6AF

---

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

#4B7AAF rgb (75,122,175) #4B7AAF #4B8EAF rgb (75,142,175) #4B8EAF #4BA2AF rgb (75,162,175) #4BA2AF #4BCAAF rgb (75,202,175) #4BCAAF #4BDEAF rgb (75,222,175) #4BDEAF #4BF2AF rgb (75,242,175) #4BF2AF

Quick use #4BB6AF

---

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

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

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

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

Color schemes with #4BB6AF

---

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: 59% has a #4BB6AF saturation. Adding 59% + 10% = 69% saturation for our new color #2C8F88. Decreasing 59% - 10% = 49% saturation for other monochromatic color #70DBD4. #70dbd4 rgb (112,219,212) #70dbd4 49% saturation #707572 rgb (72,117,114) #707572 39% saturation #2c8f88 rgb (44,143,136) #2c8f88 69% saturation #19756f rgb (25,117,111) #19756f 79% 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. #4A87B5 rgb (74,135,181) #4A87B5 206o #4BB6AF rgb (75,182,175) #4BB6AF 176o #4AB579 rgb (74,181,121) #4AB579 146o

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: #4BB6AF has a 176o angle. Adding 176o + 180o = 356oo for our new complementary color #B54A51. #4BB6AF rgb (75,182,175) #4BB6AF 176o #B54A51 rgb (181,74,81) #B54A51 356o

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: #4BB6AF has a 176o angle. Adding 176o + 180o+30o = 26o for our first complementary color #B5794A. Decreasing 176o + 180o-30o = 326o for the second complementary color #B54A87. #B54A87 rgb (181,74,135) #B54A87 326o #4BB6AF rgb (75,182,175) #4BB6AF 176o #B5794A rgb (181,121,74) #B5794A 26o

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. #AE4AB5 rgb (174,74,181) #AE4AB5 296o #4BB6AF rgb (75,182,175) #4BB6AF 176o #B5AE4A rgb (181,174,74) #B5AE4A 56o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #AE4AB5 rgb (174,74,181) #AE4AB5 296o #4BB6AF rgb (75,182,175) #4BB6AF 176o #B54A51 rgb (181,74,81) #B54A51 356o #51B54A rgb (81,181,74) #51B54A 116o