Color Charts
RGB
CMYK
RYB
#0030a8 Hex Color CodeThe hexadecimal color code #0030a8 is a medium dark shade of blue. In the RGB color model #0030a8 is comprised of 0% red, 18.82% green and 65.88% blue. In the HSL color space #0030a8 has a hue of 222.86 degrees, 100% saturation and 32.94% lightness. This color has an approximate wavelength of 480 nm.
#0030a8 Color InformationInverted
#ffcf57 25% Saturated
#002fa7 Grayscale
#535353
25% Lighter
#003bd2 Original
#0030a8 25% Darker
#00237d
mediumblue
#0000cd 25% Desaturated
#143893 Web Safe: blue
#0000ff
rgb(0, 48, 168)
rgba(0, 48, 168, 1.0)
red: 0%, yellow: 14.6405%, blue: 65.8824%
#0030a8
12456
-16764760 / 0xff0030a8
hsl(223, 100%, 33%)
hsla(223, 100%, 33%, 1.0)
hue: 223 (222.8571), saturation: 100 (100), value: 66 (65.8824)
X: 8.1248, Y: 4.9411, Z: 37.5713
x: 0.1605, y: 0.0976, Y: 4.9411
L: 26.5662, a: 36.7816, b: -66.8899
L: 26.5662, u: -10.7537, v: -82.9674
L: 26.5662, C: 76.3357, H: 298.8056
L: 22.2285, a: 26.3445, b: -84.6538
cyan: 100 (1), magenta: 71 (0.7143), yellow: 0 (0), key: 34 (0.3412)
cyan: 100 (1), magenta: 81 (0.8118), yellow: 34 (0.3412)
Y: 47.328, I: -67.1459, Q: 27.1863
Y: 47.328, U: 59.3827, V: -41.5212
Y: 47.328, Db: 181.56, Dr: 90.024
Y: 56.656, Cb: 187.784, Cr: 98.408
Y: 46.416, Pb: 65.52, Pr: -29.52
7.5PB 3/16 approximate; exact match: Munsell 7.5PB 3/16 / #3234b5
#0030a8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0030a8 to White#0030a8 to Black#0030a8 foreground
<p style="color: #0030a8">#0030a8 foreground</p>
#0030a8 background
<p style="background-color: #0030a8; color: #fff">#0030a8 background</p>
#0030a8 border
<p style="border: #0030a8 3px solid">#0030a8 border</p>
#0030a8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0030a8, #fff); background: -webkit-radial-gradient(50% 50%, #0030a8, #fff); background: -o-radial-gradient(50% 50%, #0030a8, #fff); background: -ms-radial-gradient(50% 50%, #0030a8, #fff); background: radial-gradient(50% 50%, #0030a8, #fff); color: #fff">#0030a8 radial gradient</p>
#0030a8 linear gradient to complementary #a77800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0030a8, #a77800); background: -webkit-linear-gradient(top, #0030a8, #a77800); background: -o-linear-gradient(top, #0030a8, #a77800); background: -ms-linear-gradient(top, #0030a8, #a77800); background: linear-gradient(top, #0030a8, #a77800); color: #fff">#0030a8 linear gradient to complementary #a77800</p>
#0030a8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0030a8">#0030a8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0030a8 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 #0030a8.
Jump to paint brand: