Color Charts
RGB
CMYK
RYB
#0303b2 Hex Color CodeThe hexadecimal color code #0303b2 is a medium dark shade of blue. In the RGB color model #0303b2 is comprised of 1.18% red, 1.18% green and 69.8% blue. In the HSL color space #0303b2 has a hue of 240 degrees, 96.69% saturation and 35.49% lightness. This color has an approximate wavelength of 469 nm.
#0303b2 Color InformationInverted
#fcfc4d 25% Saturated
#0000b4 Grayscale
#5a5a5a
25% Lighter
#0303de Original
#0303b2 25% Darker
#020285
mediumblue
#0000cd 25% Desaturated
#18189c Web Safe: navy
#000080
rgb(3, 3, 178)
rgba(3, 3, 178, 1.0)
red: 1.1765%, yellow: 1.1765%, blue: 69.8039%
#0303b2
197554
-16579662 / 0xff0303b2
hsl(240, 97%, 35%)
hsla(240, 97%, 35%, 1.0)
hue: 240 (240), saturation: 98 (98.3146), value: 70 (69.8039)
X: 8.106, Y: 3.2988, Z: 42.329
x: 0.1509, y: 0.0614, Y: 3.2988
L: 21.203, a: 59.7283, b: -81.8243
L: 21.203, u: -6.1115, v: -84.7545
L: 21.203, C: 101.3049, H: 306.1279
L: 18.1627, a: 47.8797, b: -125.4641
cyan: 98 (0.9831), magenta: 98 (0.9831), yellow: 0 (0), key: 30 (0.302)
cyan: 99 (0.9882), magenta: 99 (0.9882), yellow: 30 (0.302)
Y: 22.95, I: -56.221, Q: 54.4486
Y: 22.95, U: 76.3, V: -17.5017
Y: 22.95, Db: 233.275, Dr: 37.975
Y: 35.727, Cb: 204.825, Cr: 115.575
Y: 15.6, Pb: 87.5, Pr: -8.05
7.5PB 2/20 (approximate)
#0303b2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0303b2 to White#0303b2 to Black#0303b2 foreground
<p style="color: #0303b2">#0303b2 foreground</p>
#0303b2 background
<p style="background-color: #0303b2; color: #fff">#0303b2 background</p>
#0303b2 border
<p style="border: #0303b2 3px solid">#0303b2 border</p>
#0303b2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0303b2, #fff); background: -webkit-radial-gradient(50% 50%, #0303b2, #fff); background: -o-radial-gradient(50% 50%, #0303b2, #fff); background: -ms-radial-gradient(50% 50%, #0303b2, #fff); background: radial-gradient(50% 50%, #0303b2, #fff); color: #fff">#0303b2 radial gradient</p>
#0303b2 linear gradient to complementary #b1b202
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0303b2, #b1b202); background: -webkit-linear-gradient(top, #0303b2, #b1b202); background: -o-linear-gradient(top, #0303b2, #b1b202); background: -ms-linear-gradient(top, #0303b2, #b1b202); background: linear-gradient(top, #0303b2, #b1b202); color: #fff">#0303b2 linear gradient to complementary #b1b202</p>
#0303b2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0303b2">#0303b2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0303b2 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 #0303b2.
Jump to paint brand: