Color Charts
RGB
CMYK
RYB
#7196bd Hex Color CodeThe hexadecimal color code #7196bd is a shade of cyan-blue. In the RGB color model #7196bd is comprised of 44.31% red, 58.82% green and 74.12% blue. In the HSL color space #7196bd has a hue of 210.79 degrees, 36.54% saturation and 59.22% lightness. This color has an approximate wavelength of 487 nm.
#7196bd Color InformationInverted
#8e6942 25% Saturated
#6795c6 Grayscale
#979797
25% Lighter
#a4bcd4 Original
#7196bd 25% Darker
#47709a
steelblue
#4682b4 25% Desaturated
#7a96b3 Web Safe: teal
#008080
rgb(113, 150, 189)
rgba(113, 150, 189, 1.0)
red: 44.3137%, yellow: 54.0725%, blue: 74.1176%
#7196bd
7444157
-9333059 / 0xff7196bd
hsl(211, 37%, 59%)
hsla(211, 37%, 59%, 1.0)
hue: 211 (210.7895), saturation: 40 (40.2116), value: 74 (74.1176)
X: 26.9017, Y: 28.9975, Z: 52.3233
x: 0.2486, y: 0.2679, Y: 28.9975
L: 60.7794, a: -2.6613, b: -24.2757
L: 60.7794, u: -18.9265, v: -36.8295
L: 60.7794, C: 24.4212, H: 263.7437
L: 53.8494, a: -5.0625, b: -19.9152
cyan: 40 (0.4021), magenta: 21 (0.2063), yellow: 0 (0), key: 26 (0.2588)
cyan: 56 (0.5569), magenta: 41 (0.4118), yellow: 26 (0.2588)
Y: 143.383, I: -34.5707, Q: 4.3104
Y: 143.383, U: 22.4493, V: -26.6554
Y: 143.383, Db: 68.637, Dr: 57.784
Y: 139.163, Cb: 150.597, Cr: 108.988
Y: 144.927, Pb: 23.755, Pr: -20.294
10B 6/6 approximate; exact match: Munsell 10B 6/6 / #689ac3
#7196bd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#7196bd to White#7196bd to Black#7196bd foreground
<p style="color: #7196bd; background-color: #000">#7196bd foreground</p>
#7196bd background
<p style="background-color: #7196bd">#7196bd background</p>
#7196bd border
<p style="border: #7196bd 3px solid">#7196bd border</p>
#7196bd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #7196bd, #fff); background: -webkit-radial-gradient(50% 50%, #7196bd, #fff); background: -o-radial-gradient(50% 50%, #7196bd, #fff); background: -ms-radial-gradient(50% 50%, #7196bd, #fff); background: radial-gradient(50% 50%, #7196bd, #fff)">#7196bd radial gradient</p>
#7196bd linear gradient to complementary #bd9871
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #7196bd, #bd9871); background: -webkit-linear-gradient(top, #7196bd, #bd9871); background: -o-linear-gradient(top, #7196bd, #bd9871); background: -ms-linear-gradient(top, #7196bd, #bd9871); background: linear-gradient(top, #7196bd, #bd9871); color: #000">#7196bd linear gradient to complementary #bd9871</p>
#7196bd text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #7196bd">#7196bd text shadow</p>
The matching paint colors are listed in order of relevancy to the #7196bd 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 #7196bd.
Jump to paint brand: