#718cbc
Hex Color CodeThe hexadecimal color code #718cbc
is a shade of cyan-blue. In the RGB color model #718cbc
is comprised of 44.31% red, 54.9% green and 73.73% blue. In the HSL color space #718cbc
has a hue of 218.4 degrees, 35.89% saturation and 59.02% lightness. This color has an approximate wavelength of 482 nm.
#718cbc
Color InformationInverted
#8e7343 25% Saturated
#6789c5 Grayscale
#969696
25% Lighter
#a4b5d4 Original
#718cbc 25% Darker
#486599
steelblue
#4682b4 25% Desaturated
#7a8eb2 Web Safe: fuchsia
#ff00ff
rgb(113, 140, 188)
rgba(113, 140, 188, 1.0)
red: 44.3137%, yellow: 52.0992%, blue: 73.7255%
#718cbc
7441596
-9335620 / 0xff718cbc
hsl(218, 36%, 59%)
hsla(218, 36%, 59%, 1.0)
hue: 218 (218.4), saturation: 40 (39.8936), value: 74 (73.7255)
X: 25.2652, Y: 25.8977, Z: 51.2441
x: 0.2467, y: 0.2529, Y: 25.8977
L: 57.9398, a: 2.782, b: -28.0871
L: 57.9398, u: -14.8741, v: -43.3831
L: 57.9398, C: 28.2245, H: 275.6566
L: 50.8898, a: -0.4373, b: -24.0799
cyan: 40 (0.3989), magenta: 26 (0.2553), yellow: 0 (0), key: 26 (0.2627)
cyan: 56 (0.5569), magenta: 45 (0.451), yellow: 26 (0.2627)
Y: 137.399, I: -31.505, Q: 9.2252
Y: 137.399, U: 24.9019, V: -21.4055
Y: 137.399, Db: 76.134, Dr: 46.407
Y: 134.025, Cb: 153.068, Cr: 112.739
Y: 137.705, Pb: 27.105, Pr: -15.708
5PB 6/6 approximate; exact match: Munsell 5PB 6/6 / #7f94c5
#718cbc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#718cbc
to White#718cbc
to Black#718cbc
foreground
<p style="color: #718cbc; background-color: #000">#718cbc foreground</p>
#718cbc
background
<p style="background-color: #718cbc">#718cbc background</p>
#718cbc
border
<p style="border: #718cbc 3px solid">#718cbc border</p>
#718cbc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #718cbc, #fff); background: -webkit-radial-gradient(50% 50%, #718cbc, #fff); background: -o-radial-gradient(50% 50%, #718cbc, #fff); background: -ms-radial-gradient(50% 50%, #718cbc, #fff); background: radial-gradient(50% 50%, #718cbc, #fff)">#718cbc radial gradient</p>
#718cbc
linear gradient to complementary #bca171
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #718cbc, #bca171); background: -webkit-linear-gradient(top, #718cbc, #bca171); background: -o-linear-gradient(top, #718cbc, #bca171); background: -ms-linear-gradient(top, #718cbc, #bca171); background: linear-gradient(top, #718cbc, #bca171); color: #000">
#718cbc
linear gradient to complementary #bca171
</p>
#718cbc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #718cbc">#718cbc text shadow</p>
The matching paint colors are listed in order of relevancy to the #718cbc
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 #718cbc
.
Jump to paint brand: