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

#4C97AB

In a RGB color space, hex #4C97AB is composed of 30% red, 59% green and 67% blue. RGB color code is composed of a hexadecimal 4C red (76/255), a 97 green (151/255) and a AB blue component (171/255). The decimal RGB color code is rgb(76,151,171) In CMYK color space, it is composed of 56% cyan, 12% magenta, 0% yellow and 33% black. It has a hue angle of 192.63o degrees, a saturation of 38% and a lightness of 48%. Closest websafe color is: #339999 rgb (51, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #4C97AB has RGB values of R:76, G:151, B:171 and CMYK values of C:56, M:12, Y:0, K:33. Its decimal value is 5019563.Binary code is 10011001001011110101011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 4C97AB  #4C97AB RGB decimal 76, 151, 171  rgb(76, 151, 171) RGB % 30, 59, 67  rgb(30%, 59%, 67%) RGB Adobe 104, 150, 169 CMYK % 56, 12, 0, 33  56%, 12%, 0%, 33% HSL 192.63o, 38, 48  hsl(192.63o, 38%, 48%) HSV (HSB) 193o, 56%, 67%  hsv(193o, 56%, 67%)

Web Safe color #339999 rgb (51, 153, 153) XYZ 21.398, 26.61 42.537 xyY 0.24, 0.29, 26.61 Hunter-Lab 51.58, -13.69, -16.19 CMY 70%, 41%, 33% Lab 58.28, -19.87, -18.06 Binary color 4C 97 AB 1001100 10010111 10101011

Shades and tints of #4C97AB

---

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

Tint color variation #4C97AB

#67A7B8 rgb (103,167,184) #67A7B8 #7EB4C3 rgb (126,180,195) #7EB4C3 #91BFCC rgb (145,191,204) #91BFCC #A2C9D4 rgb (162,201,212) #A2C9D4 #B0D1DA rgb (176,209,218) #B0D1DA #BCD8E0 rgb (188,216,224) #BCD8E0 #C6DEE5 rgb (198,222,229) #C6DEE5 #CFE3E9 rgb (207,227,233) #CFE3E9 #D6E7EC rgb (214,231,236) #D6E7EC #DCEBEF rgb (220,235,239) #DCEBEF

Shade color variation

#418091 rgb (65,128,145) #418091 #376D7B rgb (55,109,123) #376D7B #2F5D69 rgb (47,93,105) #2F5D69 #284F59 rgb (40,79,89) #284F59 #22434C rgb (34,67,76) #22434C #1D3941 rgb (29,57,65) #1D3941 #193037 rgb (25,48,55) #193037 #15292F rgb (21,41,47) #15292F #122328 rgb (18,35,40) #122328 #0F1E22 rgb (15,30,34) #0F1E22

Tones of #4C97AB

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

#5195A7 rgb (81,149,167) #5195A7 #5693A3 rgb (86,147,163) #5693A3 #5A91A0 rgb (90,145,160) #5A91A0 #5E8F9D rgb (94,143,157) #5E8F9D #618E9A rgb (97,142,154) #618E9A #648D97 rgb (100,141,151) #648D97 #678C95 rgb (103,140,149) #678C95 #6A8B93 rgb (106,139,147) #6A8B93 #6C8A91 rgb (108,138,145) #6C8A91 #6E898F rgb (110,137,143) #6E898F

Alternatives to #4C97AB

---

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

#4C5BAB rgb (76,91,171) #4C5BAB #4C6FAB rgb (76,111,171) #4C6FAB #4C83AB rgb (76,131,171) #4C83AB #4CABAB rgb (76,171,171) #4CABAB #4CBFAB rgb (76,191,171) #4CBFAB #4CD3AB rgb (76,211,171) #4CD3AB

Quick use #4C97AB

---

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

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

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

Pre-formatted code 4C97AB	code for script / programming
HTML, CSS:	= #4C97AB; rgb(76, 151, 171)
Java:	= new Color(76, 151, 171)
.NET:	= Color.FromArgb (76, 151, 171);
Xojo:	= rgb (76, 151, 171, 0);
openGL:	= glColor3f (0.3f, 0.59f, 0.67f);
Swift:	= UIColor(red:0.3, green:0.59, blue:0.67, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.3 green:0.59 blue:0.67 alpha:1.00000];

Color schemes with #4C97AB

---

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: 56% has a #4C97AB saturation. Adding 56% + 10% = 66% saturation for our new color #2D7285. Decreasing 56% - 10% = 46% saturation for other monochromatic color #71BCD1. #71bcd1 rgb (113,188,209) #71bcd1 46% saturation #71636b rgb (69,99,107) #71636b 36% saturation #2d7285 rgb (45,114,133) #2d7285 66% saturation #1a596b rgb (26,89,107) #1a596b 76% 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. #4B66AB rgb (75,102,171) #4B66AB 223o #4C97AB rgb (76,151,171) #4C97AB 193o #4BAB90 rgb (75,171,144) #4BAB90 163o

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: #4C97AB has a 193o angle. Adding 193o + 180o = 13oo for our new complementary color #AB604B. #4C97AB rgb (76,151,171) #4C97AB 193o #AB604B rgb (171,96,75) #AB604B 13o

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: #4C97AB has a 193o angle. Adding 193o + 180o+30o = 43o for our first complementary color #AB904B. Decreasing 193o + 180o-30o = 343o for the second complementary color #AB4B66. #AB4B66 rgb (171,75,102) #AB4B66 343o #4C97AB rgb (76,151,171) #4C97AB 193o #AB904B rgb (171,144,75) #AB904B 43o

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. #AB4B96 rgb (171,75,150) #AB4B96 313o #4C97AB rgb (76,151,171) #4C97AB 193o #96AB4B rgb (150,171,75) #96AB4B 73o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #AB4B96 rgb (171,75,150) #AB4B96 313o #4C97AB rgb (76,151,171) #4C97AB 193o #AB604B rgb (171,96,75) #AB604B 13o #4BAB60 rgb (75,171,96) #4BAB60 133o