Color Charts
RGB
CMYK
RYB
#022a7d Hex Color CodeThe hexadecimal color code #022a7d is a dark shade of blue. In the RGB color model #022a7d is comprised of 0.78% red, 16.47% green and 49.02% blue. In the HSL color space #022a7d has a hue of 220.49 degrees, 96.85% saturation and 24.9% lightness. This color has an approximate wavelength of 481 nm.
#022a7d Color InformationInverted
#fdd582 25% Saturated
#00297f Grayscale
#3f3f3f
25% Lighter
#02349c Original
#022a7d 25% Darker
#011f5d
midnightblue
#191970 25% Desaturated
#112f6d Web Safe: navy
#000080
rgb(2, 42, 125)
rgba(2, 42, 125, 1.0)
red: 0.7843%, yellow: 12.6212%, blue: 49.0196%
#022a7d
141949
-16635267 / 0xff022a7d
hsl(220, 97%, 25%)
hsla(220, 97%, 25%, 1.0)
hue: 220 (220.4878), saturation: 98 (98.4), value: 49 (49.0196)
X: 4.5547, Y: 3.1495, Z: 19.7699
x: 0.1658, y: 0.1146, Y: 3.1495
L: 20.633, a: 23.7106, b: -50.0914
L: 20.633, u: -9.0837, v: -57.1908
L: 20.633, C: 55.4197, H: 295.3304
L: 17.7468, a: 14.7545, b: -53.626
cyan: 98 (0.984), magenta: 66 (0.664), yellow: 0 (0), key: 51 (0.5098)
cyan: 99 (0.9922), magenta: 84 (0.8353), yellow: 51 (0.5098)
Y: 39.502, I: -50.4935, Q: 17.366
Y: 39.502, U: 42.0736, V: -32.9008
Y: 39.502, Db: 128.639, Dr: 71.331
Y: 49.932, Cb: 170.357, Cr: 104.547
Y: 39.456, Pb: 46.1, Pr: -23.818
7.5PB 2/10 approximate; exact match: Munsell 7.5PB 2/10 / #252774
#022a7d / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022a7d to White#022a7d to Black#022a7d foreground
<p style="color: #022a7d">#022a7d foreground</p>
#022a7d background
<p style="background-color: #022a7d; color: #fff">#022a7d background</p>
#022a7d border
<p style="border: #022a7d 3px solid">#022a7d border</p>
#022a7d radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022a7d, #fff); background: -webkit-radial-gradient(50% 50%, #022a7d, #fff); background: -o-radial-gradient(50% 50%, #022a7d, #fff); background: -ms-radial-gradient(50% 50%, #022a7d, #fff); background: radial-gradient(50% 50%, #022a7d, #fff); color: #fff">#022a7d radial gradient</p>
#022a7d linear gradient to complementary #7d5501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022a7d, #7d5501); background: -webkit-linear-gradient(top, #022a7d, #7d5501); background: -o-linear-gradient(top, #022a7d, #7d5501); background: -ms-linear-gradient(top, #022a7d, #7d5501); background: linear-gradient(top, #022a7d, #7d5501); color: #fff">#022a7d linear gradient to complementary #7d5501</p>
#022a7d text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022a7d">#022a7d text shadow</p>
The matching paint colors are listed in order of relevancy to the #022a7d 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 #022a7d.
Jump to paint brand: