#788cb3
Hex Color CodeThe hexadecimal color code #788cb3
is a shade of cyan-blue. In the RGB color model #788cb3
is comprised of 47.06% red, 54.9% green and 70.2% blue. In the HSL color space #788cb3
has a hue of 219.66 degrees, 27.96% saturation and 58.63% lightness. This color has an approximate wavelength of 482 nm. Pantone / PMS 652 is a matching paint color.
#788cb3
Color InformationInverted
#87734c 25% Saturated
#7089ba Grayscale
#959595
25% Lighter
#a7b4cd Original
#788cb3 25% Darker
#50668f
steelblue
#4682b4 25% Desaturated
#7f8eab Web Safe: fuchsia
#ff00ff
rgb(120, 140, 179)
rgba(120, 140, 179, 1.0)
red: 47.0588%, yellow: 52.9164%, blue: 70.1961%
#788cb3
7900339
-8876877 / 0xff788cb3
hsl(220, 28%, 59%)
hsla(220, 28%, 59%, 1.0)
hue: 220 (219.661), saturation: 33 (32.9609), value: 70 (70.1961)
X: 25.2605, Y: 26.0039, Z: 46.3357
x: 0.2588, y: 0.2664, Y: 26.0039
L: 58.0408, a: 2.3268, b: -22.7784
L: 58.0408, u: -11.7412, v: -34.8131
L: 58.0408, C: 22.8969, H: 275.8326
L: 50.994, a: -0.8175, b: -18.178
cyan: 33 (0.3296), magenta: 22 (0.2179), yellow: 0 (0), key: 30 (0.298)
cyan: 53 (0.5294), magenta: 45 (0.451), yellow: 30 (0.298)
Y: 138.466, I: -24.4436, Q: 7.9051
Y: 138.466, U: 19.948, V: -16.2004
Y: 138.466, Db: 60.987, Dr: 35.123
Y: 134.942, Cb: 148.081, Cr: 116.451
Y: 138.548, Pb: 21.8, Pr: -11.794
5PB 6/4 approximate; exact match: Munsell 5PB 6/4 / #8a94b6
#788cb3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#788cb3
to White#788cb3
to Black#788cb3
foreground
<p style="color: #788cb3; background-color: #000">#788cb3 foreground</p>
#788cb3
background
<p style="background-color: #788cb3">#788cb3 background</p>
#788cb3
border
<p style="border: #788cb3 3px solid">#788cb3 border</p>
#788cb3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #788cb3, #fff); background: -webkit-radial-gradient(50% 50%, #788cb3, #fff); background: -o-radial-gradient(50% 50%, #788cb3, #fff); background: -ms-radial-gradient(50% 50%, #788cb3, #fff); background: radial-gradient(50% 50%, #788cb3, #fff)">#788cb3 radial gradient</p>
#788cb3
linear gradient to complementary #b29e78
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #788cb3, #b29e78); background: -webkit-linear-gradient(top, #788cb3, #b29e78); background: -o-linear-gradient(top, #788cb3, #b29e78); background: -ms-linear-gradient(top, #788cb3, #b29e78); background: linear-gradient(top, #788cb3, #b29e78); color: #000">
#788cb3
linear gradient to complementary #b29e78
</p>
#788cb3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #788cb3">#788cb3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #788cb3
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 #788cb3
.
Jump to paint brand: