#4D6770 Color Information


In the RGB color space, #4D6770 is composed of 30.1961% red, 40.3922% green, and 43.9216% blue.

In the CMYK color space, #4D6770 is composed of 31.24% cyan, 8.04% magenta, 0% yellow, and 56.08% black,

It has a hue angle of 195.4 degrees, a saturation of 18.51%, and a lightness of 37.06%.

The closest websafe color is #666666.

#4D6770 RGB Values

#4D6770 CMYK Values



#4D6770 Color Conversion


The hexadecimal color #4D6770 has RGB values of R:77, G:103, B:112 and CMYK values of C:31.24, M:8.04, Y:0, K:56.08. It has a decimal value of 5072752.


Hexadecimal #4D6770 #4D6770
RGB Decimal 77, 103, 112 rgb(77, 103, 112)
RGB Percent 30.1961, 40.3922, 43.9216 rgb(30.1961%, 40.3922%, 43.9216%)
RGB Proportion 0.302, 0.4039, 0.4392 rgb(0.302, 0.4039, 0.4392)
CMYK 31.24, 8.04, 0, 56.08
HSL 195.4ยบ, 18.51, 37.06 hsl(195.4, 18.51%, 37.06%)
Websafe 666666 #666666
XYZ 10.835, 12.447, 17.16
Yxy 12.447, 0.268, 0.308
CIE-LAB 41.918, -7.208, -8.173
CIE-LCH 41.918, 10.897, 228.59
CIE-LUV 41.918, -12.968, -10.071
Hunter-Lab 35.28, -6.921, -4.142

Color Schemes For #4D6770


Colors that go well with #4D6770.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #4D6770


Colors similar to #4D6770.


#4D6770 Preview


Common HTML and CSS shortcodes for #4D6770.

Text with color #4D6770


The quick brown fox jumps over the lazy dog.

<div style="color: #4D6770;">The quick brown fox jumps over the lazy dog.</div>

#4D6770 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #4D6770;">The quick brown fox jumps over the lazy dog.</div>

Border with #4D6770


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #4D6770;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #4D6770


Linear gradient from #4D6770 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#4D6770, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #4D6770


Radial gradient from #4D6770 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#4D6770, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #4D6770 and its Complementary Color


Linear gradient from #4D6770 to #B2988F.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#4D6770, #B2988F);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #4D6770 and its Complementary Color


Radial gradient from #4D6770 to #B2988F.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#4D6770, #B2988F);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #4D6770; } .background { background-color: #4D6770; } .border { border: 1px solid #4D6770; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #4D6770


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors