Color Charts
RGB
CMYK
RYB
#506f86 Hex Color CodeThe hexadecimal color code #506f86 is a shade of cyan-blue. In the RGB color model #506f86 is comprised of 31.37% red, 43.53% green and 52.55% blue. In the HSL color space #506f86 has a hue of 205.56 degrees, 25.23% saturation and 41.96% lightness. This color has an approximate wavelength of 491 nm.
#506f86 Color InformationInverted
#af9079 25% Saturated
#49708c Grayscale
#6b6b6b
25% Lighter
#678aa4 Original
#506f86 25% Darker
#3c5364
slategray / slategrey
#708090 25% Desaturated
#566e7f Web Safe: teal
#008080
rgb(80, 111, 134)
rgba(80, 111, 134, 1.0)
red: 31.3725%, yellow: 39.0957%, blue: 52.549%
#506f86
5271430
-11505786 / 0xff506f86
hsl(206, 25%, 42%)
hsla(206, 25%, 42%, 1.0)
hue: 206 (205.5556), saturation: 40 (40.2985), value: 53 (52.549)
X: 13.2958, Y: 14.7956, Z: 24.7093
x: 0.2518, y: 0.2802, Y: 14.7956
L: 45.3529, a: -4.8979, b: -16.2108
L: 45.3529, u: -15.2851, v: -22.3424
L: 45.3529, C: 16.9345, H: 253.1886
L: 38.465, a: -5.6137, b: -11.1614
cyan: 40 (0.403), magenta: 17 (0.1716), yellow: 0 (0), key: 47 (0.4745)
cyan: 69 (0.6863), magenta: 56 (0.5647), yellow: 47 (0.4745)
Y: 104.353, I: -25.8562, Q: 0.601
Y: 104.353, U: 14.5901, V: -21.3652
Y: 104.353, Db: 44.609, Dr: 46.314
Y: 105.636, Cb: 142.685, Cr: 112.758
Y: 106.053, Pb: 15.065, Pr: -16.558
7.5B 4/4 approximate; exact match: Munsell 7.5B 4/4 / #3f657e
#506f86 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#506f86 to White#506f86 to Black#506f86 foreground
<p style="color: #506f86">#506f86 foreground</p>
#506f86 background
<p style="background-color: #506f86; color: #fff">#506f86 background</p>
#506f86 border
<p style="border: #506f86 3px solid">#506f86 border</p>
#506f86 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #506f86, #fff); background: -webkit-radial-gradient(50% 50%, #506f86, #fff); background: -o-radial-gradient(50% 50%, #506f86, #fff); background: -ms-radial-gradient(50% 50%, #506f86, #fff); background: radial-gradient(50% 50%, #506f86, #fff); color: #fff">#506f86 radial gradient</p>
#506f86 linear gradient to complementary #866650
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #506f86, #866650); background: -webkit-linear-gradient(top, #506f86, #866650); background: -o-linear-gradient(top, #506f86, #866650); background: -ms-linear-gradient(top, #506f86, #866650); background: linear-gradient(top, #506f86, #866650); color: #fff">#506f86 linear gradient to complementary #866650</p>
#506f86 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #506f86">#506f86 text shadow</p>
The matching paint colors are listed in order of relevancy to the #506f86 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #506f86.
Jump to paint brand: