Color Charts
RGB
CMYK
RYB
#022277 Hex Color CodeThe hexadecimal color code #022277 is a dark shade of blue. In the RGB color model #022277 is comprised of 0.78% red, 13.33% green and 46.67% blue. In the HSL color space #022277 has a hue of 223.59 degrees, 96.69% saturation and 23.73% lightness. This color has an approximate wavelength of 479 nm.
#022277 Color InformationInverted
#fddd88 25% Saturated
#002178 Grayscale
#3c3c3c
25% Lighter
#022a94 Original
#022277 25% Darker
#011959
midnightblue
#191970 25% Desaturated
#102868 Web Safe: navy
#000080
rgb(2, 34, 119)
rgba(2, 34, 119, 1.0)
red: 0.7843%, yellow: 10.6382%, blue: 46.6667%
#022277
139895
-16637321 / 0xff022277
hsl(224, 97%, 24%)
hsla(224, 97%, 24%, 1.0)
hue: 224 (223.5897), saturation: 98 (98.3193), value: 47 (46.6667)
X: 3.9268, Y: 2.4889, Z: 17.7262
x: 0.1627, y: 0.1031, Y: 2.4889
L: 17.8682, a: 26.8672, b: -50.8131
L: 17.8682, u: -7.3208, v: -53.6923
L: 17.8682, C: 57.4788, H: 297.8675
L: 15.7762, a: 16.8221, b: -55.5753
cyan: 98 (0.9832), magenta: 71 (0.7143), yellow: 0 (0), key: 53 (0.5333)
cyan: 99 (0.9922), magenta: 87 (0.8667), yellow: 53 (0.5333)
Y: 34.122, I: -46.3703, Q: 19.6799
Y: 34.122, U: 41.7685, V: -28.1808
Y: 34.122, Db: 127.705, Dr: 61.101
Y: 45.312, Cb: 170.051, Cr: 107.917
Y: 33.304, Pb: 46.18, Pr: -19.91
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#022277 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022277 to White#022277 to Black#022277 foreground
<p style="color: #022277">#022277 foreground</p>
#022277 background
<p style="background-color: #022277; color: #fff">#022277 background</p>
#022277 border
<p style="border: #022277 3px solid">#022277 border</p>
#022277 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022277, #fff); background: -webkit-radial-gradient(50% 50%, #022277, #fff); background: -o-radial-gradient(50% 50%, #022277, #fff); background: -ms-radial-gradient(50% 50%, #022277, #fff); background: radial-gradient(50% 50%, #022277, #fff); color: #fff">#022277 radial gradient</p>
#022277 linear gradient to complementary #765701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022277, #765701); background: -webkit-linear-gradient(top, #022277, #765701); background: -o-linear-gradient(top, #022277, #765701); background: -ms-linear-gradient(top, #022277, #765701); background: linear-gradient(top, #022277, #765701); color: #fff">#022277 linear gradient to complementary #765701</p>
#022277 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022277">#022277 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022277 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 #022277.
Jump to paint brand: