Color Charts
RGB
CMYK
RYB
#7ba1ce Hex Color CodeThe hexadecimal color code #7ba1ce is a medium light shade of cyan-blue. In the RGB color model #7ba1ce is comprised of 48.24% red, 63.14% green and 80.78% blue. In the HSL color space #7ba1ce has a hue of 212.53 degrees, 45.86% saturation and 64.51% lightness. This color has an approximate wavelength of 486 nm. Nippon Paint Blue Emotion / NP PB 1518 T is a matching paint color.
#7ba1ce Color InformationInverted
#845e31 25% Saturated
#70a0d8 Grayscale
#a4a4a4
25% Lighter
#b6cbe4 Original
#7ba1ce 25% Darker
#4276b3
cornflowerblue
#6495ed 25% Desaturated
#85a1c3 Web Safe: fuchsia
#ff00ff
rgb(123, 161, 206)
rgba(123, 161, 206, 1.0)
red: 48.2353%, yellow: 58.4573%, blue: 80.7843%
#7ba1ce
8102350
-8674866 / 0xff7ba1ce
hsl(213, 46%, 65%)
hsla(213, 46%, 65%, 1.0)
hue: 213 (212.5301), saturation: 40 (40.2913), value: 81 (80.7843)
X: 32.0538, Y: 34.1569, Z: 63.296
x: 0.2475, y: 0.2637, Y: 34.1569
L: 65.0869, a: -1.4823, b: -27.1125
L: 65.0869, u: -19.6556, v: -42.0418
L: 65.0869, C: 27.153, H: 266.8707
L: 58.4439, a: -4.3778, b: -23.3016
cyan: 40 (0.4029), magenta: 22 (0.2184), yellow: 0 (0), key: 19 (0.1922)
cyan: 52 (0.5176), magenta: 37 (0.3686), yellow: 19 (0.1922)
Y: 154.768, I: -37.094, Q: 5.9657
Y: 154.768, U: 25.2125, V: -27.8704
Y: 154.768, Db: 77.085, Dr: 60.419
Y: 148.943, Cb: 153.379, Cr: 108.123
Y: 156.146, Pb: 26.87, Pr: -21.07
2.5PB 6/6 approximate; exact match: Munsell 2.5PB 6/6 / #7497c4
#7ba1ce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#7ba1ce to White#7ba1ce to Black#7ba1ce foreground
<p style="color: #7ba1ce; background-color: #000">#7ba1ce foreground</p>
#7ba1ce background
<p style="background-color: #7ba1ce">#7ba1ce background</p>
#7ba1ce border
<p style="border: #7ba1ce 3px solid">#7ba1ce border</p>
#7ba1ce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #7ba1ce, #fff); background: -webkit-radial-gradient(50% 50%, #7ba1ce, #fff); background: -o-radial-gradient(50% 50%, #7ba1ce, #fff); background: -ms-radial-gradient(50% 50%, #7ba1ce, #fff); background: radial-gradient(50% 50%, #7ba1ce, #fff)">#7ba1ce radial gradient</p>
#7ba1ce linear gradient to complementary #cea87a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #7ba1ce, #cea87a); background: -webkit-linear-gradient(top, #7ba1ce, #cea87a); background: -o-linear-gradient(top, #7ba1ce, #cea87a); background: -ms-linear-gradient(top, #7ba1ce, #cea87a); background: linear-gradient(top, #7ba1ce, #cea87a); color: #000">#7ba1ce linear gradient to complementary #cea87a</p>
#7ba1ce text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #7ba1ce">#7ba1ce text shadow</p>
The matching paint colors are listed in order of relevancy to the #7ba1ce 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 #7ba1ce.
Jump to paint brand: