In the RGB color space, #4D88AA is composed of 30.1961% red, 53.3333% green, and 66.6667% blue.
In the CMYK color space, #4D88AA is composed of 54.7% cyan, 20.01% magenta, 0% yellow, and 33.33% black,
It has a hue angle of 201.9 degrees, a saturation of 37.65%, and a lightness of 48.43%.
The closest websafe color is #669999.
The hexadecimal color #4D88AA has RGB values of R:77, G:136, B:170 and CMYK values of C:54.7, M:20.01, Y:0, K:33.33. It has a decimal value of 5081258.
Hexadecimal | #4D88AA | #4D88AA |
RGB Decimal | 77, 136, 170 | rgb(77, 136, 170) |
RGB Percent | 30.1961, 53.3333, 66.6667 | rgb(30.1961%, 53.3333%, 66.6667%) |
RGB Proportion | 0.302, 0.5333, 0.6667 | rgb(0.302, 0.5333, 0.6667) |
CMYK | 54.7, 20.01, 0, 33.33 | |
HSL | 201.9ยบ, 37.65, 48.43 | hsl(201.9, 37.65%, 48.43%) |
Websafe | 669999 | #669999 |
XYZ | 19.121, 22.087, 41.29 | |
Yxy | 22.087, 0.232, 0.268 | |
CIE-LAB | 54.119, -9.265, -23.868 | |
CIE-LCH | 54.119, 25.603, 248.785 | |
CIE-LUV | 54.119, -25.737, -34.632 | |
Hunter-Lab | 46.997, -9.62, -19.193 |
Colors that go well with #4D88AA.
Common HTML and CSS shortcodes for #4D88AA.
<div style="color: #4D88AA;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #4D88AA;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #4D88AA;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #4D88AA to transparent.
<div style="background: linear-gradient(#4D88AA, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #4D88AA to transparent.
<div style="background: radial-gradient(#4D88AA, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #4D88AA to #B27755.
<div style="background: linear-gradient(#4D88AA, #B27755);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #4D88AA to #B27755.
<div style="background: radial-gradient(#4D88AA, #B27755);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #4D88AA; }
.background { background-color: #4D88AA; }
.border { border: 1px solid #4D88AA; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020203 while the lightest tint is #FCFDFE.