Color Charts
RGB
CMYK
RYB
#022162 Hex Color CodeThe hexadecimal color code #022162 is a dark shade of blue. In the RGB color model #022162 is comprised of 0.78% red, 12.94% green and 38.43% blue. In the HSL color space #022162 has a hue of 220.63 degrees, 96% saturation and 19.61% lightness. This color has an approximate wavelength of 481 nm.
#022162 Color InformationInverted
#fdde9d 25% Saturated
#002064 Grayscale
#323232
25% Lighter
#02297a Original
#022162 25% Darker
#011849
midnightblue
#191970 25% Desaturated
#0e2555 Web Safe: navy
#000080
rgb(2, 33, 98)
rgba(2, 33, 98, 1.0)
red: 0.7843%, yellow: 9.9738%, blue: 38.4314%
#022162
139618
-16637598 / 0xff022162
hsl(221, 96%, 20%)
hsla(221, 96%, 20%, 1.0)
hue: 221 (220.625), saturation: 98 (97.9592), value: 38 (38.4314)
X: 2.7735, Y: 1.9825, Z: 11.7917
x: 0.1676, y: 0.1198, Y: 1.9825
L: 15.3949, a: 18.6105, b: -41.2022
L: 15.3949, u: -6.8883, v: -41.1295
L: 15.3949, C: 45.2103, H: 294.3081
L: 14.08, a: 10.5212, b: -39.7984
cyan: 98 (0.9796), magenta: 66 (0.6633), yellow: 0 (0), key: 62 (0.6157)
cyan: 99 (0.9922), magenta: 87 (0.8706), yellow: 62 (0.6157)
Y: 31.141, I: -39.3493, Q: 13.6686
Y: 31.141, U: 32.9014, V: -25.5656
Y: 31.141, Db: 100.595, Dr: 55.428
Y: 42.75, Cb: 161.123, Cr: 109.776
Y: 31.077, Pb: 36.065, Pr: -18.49
7.5PB 2/8 approximate; exact match: Munsell 7.5PB 2/8 / #262a68
#022162 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022162 to White#022162 to Black#022162 foreground
<p style="color: #022162">#022162 foreground</p>
#022162 background
<p style="background-color: #022162; color: #fff">#022162 background</p>
#022162 border
<p style="border: #022162 3px solid">#022162 border</p>
#022162 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022162, #fff); background: -webkit-radial-gradient(50% 50%, #022162, #fff); background: -o-radial-gradient(50% 50%, #022162, #fff); background: -ms-radial-gradient(50% 50%, #022162, #fff); background: radial-gradient(50% 50%, #022162, #fff); color: #fff">#022162 radial gradient</p>
#022162 linear gradient to complementary #624302
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022162, #624302); background: -webkit-linear-gradient(top, #022162, #624302); background: -o-linear-gradient(top, #022162, #624302); background: -ms-linear-gradient(top, #022162, #624302); background: linear-gradient(top, #022162, #624302); color: #fff">#022162 linear gradient to complementary #624302</p>
#022162 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022162">#022162 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022162 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 #022162.
Jump to paint brand: