Color Charts
RGB
CMYK
RYB
#7c84cc Hex Color CodeThe hexadecimal color code #7c84cc is a medium light shade of blue. In the RGB color model #7c84cc is comprised of 48.63% red, 51.76% green and 80% blue. In the HSL color space #7c84cc has a hue of 234 degrees, 43.96% saturation and 64.31% lightness. This color has an approximate wavelength of 473 nm.
#7c84cc Color InformationInverted
#837b33 25% Saturated
#717bd6 Grayscale
#a3a3a3
25% Lighter
#b7bbe2 Original
#7c84cc 25% Darker
#444fb1
cornflowerblue
#6495ed 25% Desaturated
#858bc2 Web Safe: fuchsia
#ff00ff
rgb(124, 132, 204)
rgba(124, 132, 204, 1.0)
red: 48.6275%, yellow: 51.4795%, blue: 80%
#7c84cc
8160460
-8616756 / 0xff7c84cc
hsl(234, 44%, 64%)
hsla(234, 44%, 64%, 1.0)
hue: 234 (234), saturation: 39 (39.2157), value: 80 (80)
X: 27.4625, Y: 25.1472, Z: 60.5332
x: 0.2427, y: 0.2223, Y: 25.1472
L: 57.2186, a: 14.9527, b: -38.2138
L: 57.2186, u: -7.7872, v: -61.2139
L: 57.2186, C: 41.0351, H: 291.3699
L: 50.147, a: 9.9965, b: -36.4669
cyan: 39 (0.3922), magenta: 35 (0.3529), yellow: 0 (0), key: 20 (0.2)
cyan: 51 (0.5137), magenta: 48 (0.4824), yellow: 20 (0.2)
Y: 137.816, I: -27.8967, Q: 20.7101
Y: 137.816, U: 32.5704, V: -12.1207
Y: 137.816, Db: 99.576, Dr: 26.288
Y: 134.388, Cb: 160.792, Cr: 119.376
Y: 135.48, Pb: 36.92, Pr: -7.312
7.5PB 6/8 approximate; exact match: Munsell 7.5PB 6/8 / #8890d3
#7c84cc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#7c84cc to White#7c84cc to Black#7c84cc foreground
<p style="color: #7c84cc; background-color: #000">#7c84cc foreground</p>
#7c84cc background
<p style="background-color: #7c84cc">#7c84cc background</p>
#7c84cc border
<p style="border: #7c84cc 3px solid">#7c84cc border</p>
#7c84cc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #7c84cc, #fff); background: -webkit-radial-gradient(50% 50%, #7c84cc, #fff); background: -o-radial-gradient(50% 50%, #7c84cc, #fff); background: -ms-radial-gradient(50% 50%, #7c84cc, #fff); background: radial-gradient(50% 50%, #7c84cc, #fff)">#7c84cc radial gradient</p>
#7c84cc linear gradient to complementary #cbc37b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #7c84cc, #cbc37b); background: -webkit-linear-gradient(top, #7c84cc, #cbc37b); background: -o-linear-gradient(top, #7c84cc, #cbc37b); background: -ms-linear-gradient(top, #7c84cc, #cbc37b); background: linear-gradient(top, #7c84cc, #cbc37b); color: #000">#7c84cc linear gradient to complementary #cbc37b</p>
#7c84cc text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #7c84cc">#7c84cc text shadow</p>
The matching paint colors are listed in order of relevancy to the #7c84cc 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 #7c84cc.
Jump to paint brand: