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

#4DA2CF

In a RGB color space, hex #4DA2CF is composed of 30% red, 64% green and 81% blue. RGB color code is composed of a hexadecimal 4D red (77/255), a A2 green (162/255) and a CF blue component (207/255). The decimal RGB color code is rgb(77,162,207) In CMYK color space, it is composed of 63% cyan, 22% magenta, 0% yellow and 19% black. It has a hue angle of 200.77o degrees, a saturation of 58% and a lightness of 56%. Closest websafe color is: #6699cc rgb (102, 153, 204).

Color conversion

---

Convert color

---

The hexadecimal color #4DA2CF has RGB values of R:77, G:162, B:207 and CMYK values of C:63, M:22, Y:0, K:19. Its decimal value is 5087951.Binary code is 10011011010001011001111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 4DA2CF  #4DA2CF RGB decimal 77, 162, 207  rgb(77, 162, 207) RGB % 30, 64, 81  rgb(30%, 64%, 81%) RGB Adobe 110, 161, 204 CMYK % 63, 22, 0, 19  63%, 22%, 0%, 19% HSL 200.77o, 58, 56  hsl(200.77o, 58%, 56%) HSV (HSB) 201o, 63%, 81%  hsv(201o, 63%, 81%)

Web Safe color #6699cc rgb (102, 153, 204) XYZ 27.243, 31.923 63.757 xyY 0.22, 0.26, 31.92 Hunter-Lab 56.5, -9.95, -31.6 CMY 70%, 36%, 19% Lab 62.79, -16.27, -31.31 Binary color 4D A2 CF 1001101 10100010 11001111

Shades and tints of #4DA2CF

---

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

Tint color variation #4DA2CF

#68B0D6 rgb (104,176,214) #68B0D6 #7FBCDC rgb (127,188,220) #7FBCDC #92C6E1 rgb (146,198,225) #92C6E1 #A2CFE6 rgb (162,207,230) #A2CFE6 #B0D6EA rgb (176,214,234) #B0D6EA #BCDCED rgb (188,220,237) #BCDCED #C6E1F0 rgb (198,225,240) #C6E1F0 #CFE6F2 rgb (207,230,242) #CFE6F2 #D6EAF4 rgb (214,234,244) #D6EAF4 #DCEDF6 rgb (220,237,246) #DCEDF6

Shade color variation

#418AB0 rgb (65,138,176) #418AB0 #377596 rgb (55,117,150) #377596 #2F6380 rgb (47,99,128) #2F6380 #28546D rgb (40,84,109) #28546D #22475D rgb (34,71,93) #22475D #1D3C4F rgb (29,60,79) #1D3C4F #193343 rgb (25,51,67) #193343 #152B39 rgb (21,43,57) #152B39 #122530 rgb (18,37,48) #122530 #0F1F29 rgb (15,31,41) #0F1F29

Tones of #4DA2CF

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

#529FC7 rgb (82,159,199) #529FC7 #579CC0 rgb (87,156,192) #579CC0 #5B99BA rgb (91,153,186) #5B99BA #5F97B4 rgb (95,151,180) #5F97B4 #6295AF rgb (98,149,175) #6295AF #6593AA rgb (101,147,170) #6593AA #6891A6 rgb (104,145,166) #6891A6 #6A8FA2 rgb (106,143,162) #6A8FA2 #6C8E9F rgb (108,142,159) #6C8E9F #6E8D9C rgb (110,141,156) #6E8D9C

Alternatives to #4DA2CF

---

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

#4D66CF rgb (77,102,207) #4D66CF #4D7ACF rgb (77,122,207) #4D7ACF #4D8ECF rgb (77,142,207) #4D8ECF #4DB6CF rgb (77,182,207) #4DB6CF #4DCACF rgb (77,202,207) #4DCACF #4DDECF rgb (77,222,207) #4DDECF

Quick use #4DA2CF

---

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

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

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

Pre-formatted code 4DA2CF	code for script / programming
HTML, CSS:	= #4DA2CF; rgb(77, 162, 207)
Java:	= new Color(77, 162, 207)
.NET:	= Color.FromArgb (77, 162, 207);
Xojo:	= rgb (77, 162, 207, 0);
openGL:	= glColor3f (0.3f, 0.64f, 0.81f);
Swift:	= UIColor(red:0.3, green:0.64, blue:0.81, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.3 green:0.64 blue:0.81 alpha:1.00000];

Color schemes with #4DA2CF

---

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 #4DA2CF saturation. Adding 63% + 10% = 73% saturation for our new color #2D7DA8. Decreasing 63% - 10% = 53% saturation for other monochromatic color #73C7F5. #73c7f5 rgb (115,199,245) #73c7f5 53% saturation #73798f rgb (81,121,143) #73798f 43% saturation #2d7da8 rgb (45,125,168) #2d7da8 73% saturation #18658f rgb (24,101,143) #18658f 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. #4C60CF rgb (76,96,207) #4C60CF 231o #4DA2CF rgb (77,162,207) #4DA2CF 201o #4CCFBB rgb (76,207,187) #4CCFBB 171o

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: #4DA2CF has a 201o angle. Adding 201o + 180o = 21oo for our new complementary color #CF7A4C. #4DA2CF rgb (77,162,207) #4DA2CF 201o #CF7A4C rgb (207,122,76) #CF7A4C 21o

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: #4DA2CF has a 201o angle. Adding 201o + 180o+30o = 51o for our first complementary color #CFBB4C. Decreasing 201o + 180o-30o = 351o for the second complementary color #CF4C60. #CF4C60 rgb (207,76,96) #CF4C60 351o #4DA2CF rgb (77,162,207) #4DA2CF 201o #CFBB4C rgb (207,187,76) #CFBB4C 51o

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. #CF4CA1 rgb (207,76,161) #CF4CA1 321o #4DA2CF rgb (77,162,207) #4DA2CF 201o #A1CF4C rgb (161,207,76) #A1CF4C 81o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #CF4CA1 rgb (207,76,161) #CF4CA1 321o #4DA2CF rgb (77,162,207) #4DA2CF 201o #CF7A4C rgb (207,122,76) #CF7A4C 21o #4CCF7A rgb (76,207,122) #4CCF7A 141o