Color Charts
RGB
CMYK
RYB
#3297e9 Hex Color CodeThe hexadecimal color code #3297e9 is a shade of cyan-blue. In the RGB color model #3297e9 is comprised of 19.61% red, 59.22% green and 91.37% blue. In the HSL color space #3297e9 has a hue of 206.89 degrees, 80.62% saturation and 55.49% lightness. This color has an approximate wavelength of 490 nm.
#3297e9 Color InformationInverted
#cd6816 25% Saturated
#1c99ff Grayscale
#8d8d8d
25% Lighter
#71b7ef Original
#3297e9 25% Darker
#1473bf
cornflowerblue
#6495ed 25% Desaturated
#4894d2 Web Safe: fuchsia
#ff00ff
rgb(50, 151, 233)
rgba(50, 151, 233, 1.0)
red: 19.6078%, yellow: 45.1298%, blue: 91.3725%
#3297e9
3315689
-13461527 / 0xff3297e9
hsl(207, 81%, 55%)
hsla(207, 81%, 55%, 1.0)
hue: 207 (206.8852), saturation: 79 (78.5408), value: 91 (91.3725)
X: 27.09, Y: 28.6945, Z: 81.2016
x: 0.1978, y: 0.2095, Y: 28.6945
L: 60.5111, a: -0.7405, b: -49.4541
L: 60.5111, u: -34.0503, v: -78.6583
L: 60.5111, C: 49.4596, H: 269.1422
L: 53.5673, a: -3.4719, b: -52.3795
cyan: 79 (0.7854), magenta: 35 (0.3519), yellow: 0 (0), key: 9 (0.0863)
cyan: 80 (0.8039), magenta: 41 (0.4078), yellow: 9 (0.0863)
Y: 130.149, I: -86.5109, Q: 4.156
Y: 130.149, U: 50.6136, V: -70.3158
Y: 130.149, Db: 154.756, Dr: 152.427
Y: 127.788, Cb: 178.946, Cr: 77.839
Y: 135.391, Pb: 52.615, Pr: -54.272
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#3297e9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3297e9 to White#3297e9 to Black#3297e9 foreground
<p style="color: #3297e9; background-color: #000">#3297e9 foreground</p>
#3297e9 background
<p style="background-color: #3297e9">#3297e9 background</p>
#3297e9 border
<p style="border: #3297e9 3px solid">#3297e9 border</p>
#3297e9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3297e9, #fff); background: -webkit-radial-gradient(50% 50%, #3297e9, #fff); background: -o-radial-gradient(50% 50%, #3297e9, #fff); background: -ms-radial-gradient(50% 50%, #3297e9, #fff); background: radial-gradient(50% 50%, #3297e9, #fff)">#3297e9 radial gradient</p>
#3297e9 linear gradient to complementary #e88332
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3297e9, #e88332); background: -webkit-linear-gradient(top, #3297e9, #e88332); background: -o-linear-gradient(top, #3297e9, #e88332); background: -ms-linear-gradient(top, #3297e9, #e88332); background: linear-gradient(top, #3297e9, #e88332); color: #000">#3297e9 linear gradient to complementary #e88332</p>
#3297e9 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3297e9">#3297e9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3297e9 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 #3297e9.
Jump to paint brand: