Color Charts
RGB
CMYK
RYB
#01227f Hex Color CodeThe hexadecimal color code #01227f is a medium dark shade of blue. In the RGB color model #01227f is comprised of 0.39% red, 13.33% green and 49.8% blue. In the HSL color space #01227f has a hue of 224.29 degrees, 98.44% saturation and 25.1% lightness. This color has an approximate wavelength of 479 nm.
#01227f Color InformationInverted
#fedd80 25% Saturated
#002180 Grayscale
#404040
25% Lighter
#012a9e Original
#01227f 25% Darker
#00195f
midnightblue
#191970 25% Desaturated
#10296f Web Safe: navy
#000080
rgb(1, 34, 127)
rgba(1, 34, 127, 1.0)
red: 0.3922%, yellow: 10.6474%, blue: 49.8039%
#01227f
74367
-16702849 / 0xff01227f
hsl(224, 98%, 25%)
hsla(224, 98%, 25%, 1.0)
hue: 224 (224.2857), saturation: 99 (99.2126), value: 50 (49.8039)
X: 4.4153, Y: 2.6828, Z: 20.3638
x: 0.1608, y: 0.0977, Y: 2.6828
L: 18.726, a: 30.0587, b: -54.5022
L: 18.726, u: -7.5049, v: -58.4274
L: 18.726, C: 62.2416, H: 298.8774
L: 16.3793, a: 19.4539, b: -62.2476
cyan: 99 (0.9921), magenta: 73 (0.7323), yellow: 0 (0), key: 50 (0.502)
cyan: 100 (0.9961), magenta: 87 (0.8667), yellow: 50 (0.502)
Y: 34.735, I: -49.5361, Q: 21.9575
Y: 34.735, U: 45.4036, V: -29.5959
Y: 34.735, Db: 138.819, Dr: 64.17
Y: 45.839, Cb: 173.711, Cr: 106.91
Y: 33.667, Pb: 50.295, Pr: -20.778
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#01227f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01227f to White#01227f to Black#01227f foreground
<p style="color: #01227f">#01227f foreground</p>
#01227f background
<p style="background-color: #01227f; color: #fff">#01227f background</p>
#01227f border
<p style="border: #01227f 3px solid">#01227f border</p>
#01227f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01227f, #fff); background: -webkit-radial-gradient(50% 50%, #01227f, #fff); background: -o-radial-gradient(50% 50%, #01227f, #fff); background: -ms-radial-gradient(50% 50%, #01227f, #fff); background: radial-gradient(50% 50%, #01227f, #fff); color: #fff">#01227f radial gradient</p>
#01227f linear gradient to complementary #7f5d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01227f, #7f5d00); background: -webkit-linear-gradient(top, #01227f, #7f5d00); background: -o-linear-gradient(top, #01227f, #7f5d00); background: -ms-linear-gradient(top, #01227f, #7f5d00); background: linear-gradient(top, #01227f, #7f5d00); color: #fff">#01227f linear gradient to complementary #7f5d00</p>
#01227f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01227f">#01227f text shadow</p>
The matching paint colors are listed in order of relevancy to the #01227f 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 #01227f.
Jump to paint brand: