Color Charts
RGB
CMYK
RYB
#022247 Hex Color CodeThe hexadecimal color code #022247 is a very dark shade of cyan-blue. In the RGB color model #022247 is comprised of 0.78% red, 13.33% green and 27.84% blue. In the HSL color space #022247 has a hue of 212.17 degrees, 94.52% saturation and 14.31% lightness. This color has an approximate wavelength of 486 nm.
#022247 Color InformationInverted
#fdddb8 25% Saturated
#002149 Grayscale
#242424
25% Lighter
#022a58 Original
#022247 25% Darker
#011935
midnightblue
#191970 25% Desaturated
#0a223e Web Safe: navy
#000080
rgb(2, 34, 71)
rgba(2, 34, 71, 1.0)
red: 0.7843%, yellow: 9.3574%, blue: 27.8431%
#022247
139847
-16637369 / 0xff022247
hsl(212, 95%, 14%)
hsla(212, 95%, 14%, 1.0)
hue: 212 (212.1739), saturation: 97 (97.1831), value: 28 (27.8431)
X: 1.7344, Y: 1.6119, Z: 6.1809
x: 0.182, y: 0.1692, Y: 1.6119
L: 13.3024, a: 5.332, b: -26.3435
L: 13.3024, u: -7.2257, v: -24.558
L: 13.3024, C: 26.8777, H: 281.4422
L: 12.696, a: 2.1667, b: -19.9776
cyan: 97 (0.9718), magenta: 52 (0.5211), yellow: 0 (0), key: 72 (0.7216)
cyan: 99 (0.9922), magenta: 87 (0.8667), yellow: 72 (0.7216)
Y: 28.65, I: -30.9496, Q: 4.7454
Y: 28.65, U: 20.8405, V: -23.3804
Y: 28.65, Db: 63.721, Dr: 50.685
Y: 40.608, Cb: 148.979, Cr: 111.325
Y: 29.848, Pb: 22.18, Pr: -17.702
2.5PB 1/6 (approximate)
#022247 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022247 to White#022247 to Black#022247 foreground
<p style="color: #022247">#022247 foreground</p>
#022247 background
<p style="background-color: #022247; color: #fff">#022247 background</p>
#022247 border
<p style="border: #022247 3px solid">#022247 border</p>
#022247 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022247, #fff); background: -webkit-radial-gradient(50% 50%, #022247, #fff); background: -o-radial-gradient(50% 50%, #022247, #fff); background: -ms-radial-gradient(50% 50%, #022247, #fff); background: radial-gradient(50% 50%, #022247, #fff); color: #fff">#022247 radial gradient</p>
#022247 linear gradient to complementary #472601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022247, #472601); background: -webkit-linear-gradient(top, #022247, #472601); background: -o-linear-gradient(top, #022247, #472601); background: -ms-linear-gradient(top, #022247, #472601); background: linear-gradient(top, #022247, #472601); color: #fff">#022247 linear gradient to complementary #472601</p>
#022247 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022247">#022247 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022247 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 #022247.
Jump to paint brand: