Color Charts
RGB
CMYK
RYB
#0306b8 Hex Color CodeThe hexadecimal color code #0306b8 is a medium dark shade of blue. In the RGB color model #0306b8 is comprised of 1.18% red, 2.35% green and 72.16% blue. In the HSL color space #0306b8 has a hue of 239.01 degrees, 96.79% saturation and 36.67% lightness. This color has an approximate wavelength of 470 nm.
#0306b8 Color InformationInverted
#fcf947 25% Saturated
#0003bb Grayscale
#5d5d5d
25% Lighter
#0307e5 Original
#0306b8 25% Darker
#02048a
mediumblue
#0000cd 25% Desaturated
#191ba1 Web Safe: navy
#000080
rgb(3, 6, 184)
rgba(3, 6, 184, 1.0)
red: 1.1765%, yellow: 2.3338%, blue: 72.1569%
#0306b8
198328
-16578888 / 0xff0306b8
hsl(239, 97%, 37%)
hsla(239, 97%, 37%, 1.0)
hue: 239 (239.0055), saturation: 98 (98.3696), value: 72 (72.1569)
X: 8.7544, Y: 3.6103, Z: 45.5828
x: 0.1511, y: 0.0623, Y: 3.6103
L: 22.3389, a: 60.5509, b: -83.5142
L: 22.3389, u: -6.52, v: -88.7461
L: 22.3389, C: 103.1554, H: 305.9435
L: 19.0008, a: 48.9905, b: -128.936
cyan: 98 (0.9837), magenta: 97 (0.9674), yellow: 0 (0), key: 28 (0.2784)
cyan: 99 (0.9882), magenta: 98 (0.9765), yellow: 28 (0.2784)
Y: 25.395, I: -58.972, Q: 54.7477
Y: 25.395, U: 78.0495, V: -19.6468
Y: 25.395, Db: 238.624, Dr: 42.625
Y: 37.827, Cb: 206.586, Cr: 114.045
Y: 18.177, Pb: 89.345, Pr: -9.688
7.5PB 2/20 (approximate)
#0306b8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0306b8 to White#0306b8 to Black#0306b8 foreground
<p style="color: #0306b8">#0306b8 foreground</p>
#0306b8 background
<p style="background-color: #0306b8; color: #fff">#0306b8 background</p>
#0306b8 border
<p style="border: #0306b8 3px solid">#0306b8 border</p>
#0306b8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0306b8, #fff); background: -webkit-radial-gradient(50% 50%, #0306b8, #fff); background: -o-radial-gradient(50% 50%, #0306b8, #fff); background: -ms-radial-gradient(50% 50%, #0306b8, #fff); background: radial-gradient(50% 50%, #0306b8, #fff); color: #fff">#0306b8 radial gradient</p>
#0306b8 linear gradient to complementary #b8b502
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0306b8, #b8b502); background: -webkit-linear-gradient(top, #0306b8, #b8b502); background: -o-linear-gradient(top, #0306b8, #b8b502); background: -ms-linear-gradient(top, #0306b8, #b8b502); background: linear-gradient(top, #0306b8, #b8b502); color: #fff">#0306b8 linear gradient to complementary #b8b502</p>
#0306b8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0306b8">#0306b8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0306b8 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 #0306b8.
Jump to paint brand: