Color Charts
RGB
CMYK
RYB
#777a87 Hex Color CodeThe hexadecimal color code #777a87 is a shade of blue. In the RGB color model #777a87 is comprised of 46.67% red, 47.84% green and 52.94% blue. In the HSL color space #777a87 has a hue of 228.75 degrees, 6.3% saturation and 49.8% lightness. This color has an approximate wavelength of 476 nm.
#777a87 Color InformationInverted
#888578 25% Saturated
#747889 Grayscale
#7f7f7f
25% Lighter
#989aa4 Original
#777a87 25% Darker
#595b65
slategray / slategrey
#708090 25% Desaturated
#797b84 Web Safe: gray
#808080
rgb(119, 122, 135)
rgba(119, 122, 135, 1.0)
red: 46.6667%, yellow: 47.6574%, blue: 52.9412%
#777a87
7830151
-8947065 / 0xff777a87
hsl(229, 6%, 50%)
hsla(229, 6%, 50%, 1.0)
hue: 229 (228.75), saturation: 12 (11.8519), value: 53 (52.9412)
X: 18.9405, Y: 19.5903, Z: 25.7047
x: 0.2949, y: 0.305, Y: 19.5903
L: 51.3708, a: 1.6566, b: -7.4518
L: 51.3708, u: -2.3596, v: -10.7834
L: 51.3708, C: 7.6337, H: 282.5336
L: 44.2609, a: -1.0715, b: -3.4503
cyan: 12 (0.1185), magenta: 10 (0.0963), yellow: 0 (0), key: 47 (0.4706)
cyan: 53 (0.5333), magenta: 52 (0.5216), yellow: 47 (0.4706)
Y: 122.585, I: -5.9636, Q: 3.4104
Y: 122.585, U: 6.1106, V: -3.1451
Y: 122.585, Db: 18.679, Dr: 6.82
Y: 121.301, Cb: 134.151, Cr: 125.76
Y: 122.297, Pb: 6.845, Pr: -2.098
2.5PB 5/2 approximate; exact match: Munsell 2.5PB 5/2 / #747a8d
#777a87 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#777a87 to White#777a87 to Black#777a87 foreground
<p style="color: #777a87">#777a87 foreground</p>
#777a87 background
<p style="background-color: #777a87; color: #fff">#777a87 background</p>
#777a87 border
<p style="border: #777a87 3px solid">#777a87 border</p>
#777a87 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #777a87, #fff); background: -webkit-radial-gradient(50% 50%, #777a87, #fff); background: -o-radial-gradient(50% 50%, #777a87, #fff); background: -ms-radial-gradient(50% 50%, #777a87, #fff); background: radial-gradient(50% 50%, #777a87, #fff); color: #fff">#777a87 radial gradient</p>
#777a87 linear gradient to complementary #878477
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #777a87, #878477); background: -webkit-linear-gradient(top, #777a87, #878477); background: -o-linear-gradient(top, #777a87, #878477); background: -ms-linear-gradient(top, #777a87, #878477); background: linear-gradient(top, #777a87, #878477); color: #fff">#777a87 linear gradient to complementary #878477</p>
#777a87 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #777a87">#777a87 text shadow</p>
The matching paint colors are listed in order of relevancy to the #777a87 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 #777a87.
Jump to paint brand: