Color Charts
RGB
CMYK
RYB
#01228f Hex Color CodeThe hexadecimal color code #01228f is a medium dark shade of blue. In the RGB color model #01228f is comprised of 0.39% red, 13.33% green and 56.08% blue. In the HSL color space #01228f has a hue of 226.06 degrees, 98.61% saturation and 28.24% lightness. This color has an approximate wavelength of 478 nm.
#01228f Color InformationInverted
#fedd70 25% Saturated
#002190 Grayscale
#484848
25% Lighter
#012ab2 Original
#01228f 25% Darker
#00196b
midnightblue
#191970 25% Desaturated
#122b7d Web Safe: navy
#000080
rgb(1, 34, 143)
rgba(1, 34, 143, 1.0)
red: 0.3922%, yellow: 10.893%, blue: 56.0784%
#01228f
74383
-16702833 / 0xff01228f
hsl(226, 99%, 28%)
hsla(226, 99%, 28%, 1.0)
hue: 226 (226.0563), saturation: 99 (99.3007), value: 56 (56.0784)
X: 5.5425, Y: 3.1337, Z: 26.2993
x: 0.1585, y: 0.0896, Y: 3.1337
L: 20.5715, a: 36.2555, b: -61.4999
L: 20.5715, u: -7.803, v: -67.867
L: 20.5715, C: 71.3911, H: 300.5203
L: 17.7022, a: 24.9086, b: -75.6929
cyan: 99 (0.993), magenta: 76 (0.7622), yellow: 0 (0), key: 44 (0.4392)
cyan: 100 (0.9961), magenta: 87 (0.8667), yellow: 44 (0.4392)
Y: 36.559, I: -54.6763, Q: 26.9357
Y: 36.559, U: 52.3796, V: -31.1961
Y: 36.559, Db: 160.147, Dr: 67.642
Y: 47.407, Cb: 180.735, Cr: 105.774
Y: 34.819, Pb: 58.295, Pr: -21.514
7.5PB 2/14 approximate; exact match: Munsell 7.5PB 2/14 / #261d88
#01228f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01228f to White#01228f to Black#01228f foreground
<p style="color: #01228f">#01228f foreground</p>
#01228f background
<p style="background-color: #01228f; color: #fff">#01228f background</p>
#01228f border
<p style="border: #01228f 3px solid">#01228f border</p>
#01228f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01228f, #fff); background: -webkit-radial-gradient(50% 50%, #01228f, #fff); background: -o-radial-gradient(50% 50%, #01228f, #fff); background: -ms-radial-gradient(50% 50%, #01228f, #fff); background: radial-gradient(50% 50%, #01228f, #fff); color: #fff">#01228f radial gradient</p>
#01228f linear gradient to complementary #8f6e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01228f, #8f6e00); background: -webkit-linear-gradient(top, #01228f, #8f6e00); background: -o-linear-gradient(top, #01228f, #8f6e00); background: -ms-linear-gradient(top, #01228f, #8f6e00); background: linear-gradient(top, #01228f, #8f6e00); color: #fff">#01228f linear gradient to complementary #8f6e00</p>
#01228f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01228f">#01228f text shadow</p>
The matching paint colors are listed in order of relevancy to the #01228f 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 #01228f.
Jump to paint brand: