Color Charts
RGB
CMYK
RYB
#022d7e Hex Color CodeThe hexadecimal color code #022d7e is a medium dark shade of cyan-blue. In the RGB color model #022d7e is comprised of 0.78% red, 17.65% green and 49.41% blue. In the HSL color space #022d7e has a hue of 219.19 degrees, 96.88% saturation and 25.1% lightness. This color has an approximate wavelength of 482 nm.
#022d7e Color InformationInverted
#fdd281 25% Saturated
#002c80 Grayscale
#404040
25% Lighter
#02389d Original
#022d7e 25% Darker
#01215e
midnightblue
#191970 25% Desaturated
#11316e Web Safe: navy
#000080
rgb(2, 45, 126)
rgba(2, 45, 126, 1.0)
red: 0.7843%, yellow: 13.3052%, blue: 49.4118%
#022d7e
142718
-16634498 / 0xff022d7e
hsl(219, 97%, 25%)
hsla(219, 97%, 25%, 1.0)
hue: 219 (219.1935), saturation: 98 (98.4127), value: 49 (49.4118)
X: 4.7293, Y: 3.396, Z: 20.1449
x: 0.1673, y: 0.1201, Y: 3.396
L: 21.5649, a: 21.9859, b: -49.1963
L: 21.5649, u: -9.7859, v: -57.4951
L: 21.5649, C: 53.8855, H: 294.0799
L: 18.4283, a: 13.5594, b: -51.9129
cyan: 98 (0.9841), magenta: 64 (0.6429), yellow: 0 (0), key: 51 (0.5059)
cyan: 99 (0.9922), magenta: 82 (0.8235), yellow: 51 (0.5059)
Y: 41.377, I: -51.6381, Q: 16.1093
Y: 41.377, U: 41.643, V: -34.5458
Y: 41.377, Db: 127.323, Dr: 74.896
Y: 51.542, Cb: 169.923, Cr: 103.372
Y: 41.673, Pb: 45.445, Pr: -25.226
7.5PB 2/10 approximate; exact match: Munsell 7.5PB 2/10 / #252774
#022d7e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022d7e to White#022d7e to Black#022d7e foreground
<p style="color: #022d7e">#022d7e foreground</p>
#022d7e background
<p style="background-color: #022d7e; color: #fff">#022d7e background</p>
#022d7e border
<p style="border: #022d7e 3px solid">#022d7e border</p>
#022d7e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022d7e, #fff); background: -webkit-radial-gradient(50% 50%, #022d7e, #fff); background: -o-radial-gradient(50% 50%, #022d7e, #fff); background: -ms-radial-gradient(50% 50%, #022d7e, #fff); background: radial-gradient(50% 50%, #022d7e, #fff); color: #fff">#022d7e radial gradient</p>
#022d7e linear gradient to complementary #7e5201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022d7e, #7e5201); background: -webkit-linear-gradient(top, #022d7e, #7e5201); background: -o-linear-gradient(top, #022d7e, #7e5201); background: -ms-linear-gradient(top, #022d7e, #7e5201); background: linear-gradient(top, #022d7e, #7e5201); color: #fff">#022d7e linear gradient to complementary #7e5201</p>
#022d7e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022d7e">#022d7e text shadow</p>
The matching paint colors are listed in order of relevancy to the #022d7e 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 #022d7e.
Jump to paint brand: