Color Charts
RGB
CMYK
RYB
#022d8c Hex Color CodeThe hexadecimal color code #022d8c is a medium dark shade of blue. In the RGB color model #022d8c is comprised of 0.78% red, 17.65% green and 54.9% blue. In the HSL color space #022d8c has a hue of 221.3 degrees, 97.18% saturation and 27.84% lightness. This color has an approximate wavelength of 481 nm.
#022d8c Color InformationInverted
#fdd273 25% Saturated
#002c8e Grayscale
#474747
25% Lighter
#0238af Original
#022d8c 25% Darker
#012169
midnightblue
#191970 25% Desaturated
#13337a Web Safe: navy
#000080
rgb(2, 45, 140)
rgba(2, 45, 140, 1.0)
red: 0.7843%, yellow: 13.641%, blue: 54.902%
#022d8c
142732
-16634484 / 0xff022d8c
hsl(221, 97%, 28%)
hsla(221, 97%, 28%, 1.0)
hue: 221 (221.3043), saturation: 99 (98.5714), value: 55 (54.902)
X: 5.697, Y: 3.7831, Z: 25.2409
x: 0.1641, y: 0.109, Y: 3.7831
L: 22.9411, a: 27.8277, b: -55.7204
L: 22.9411, u: -9.8141, v: -66.1806
L: 22.9411, C: 62.2828, H: 296.5383
L: 19.4503, a: 18.2453, b: -63.3263
cyan: 99 (0.9857), magenta: 68 (0.6786), yellow: 0 (0), key: 45 (0.451)
cyan: 99 (0.9922), magenta: 82 (0.8235), yellow: 45 (0.451)
Y: 42.973, I: -56.1358, Q: 20.4652
Y: 42.973, U: 47.747, V: -35.9459
Y: 42.973, Db: 145.985, Dr: 77.934
Y: 52.914, Cb: 176.069, Cr: 102.378
Y: 42.681, Pb: 52.445, Pr: -25.87
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#022d8c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022d8c to White#022d8c to Black#022d8c foreground
<p style="color: #022d8c">#022d8c foreground</p>
#022d8c background
<p style="background-color: #022d8c; color: #fff">#022d8c background</p>
#022d8c border
<p style="border: #022d8c 3px solid">#022d8c border</p>
#022d8c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022d8c, #fff); background: -webkit-radial-gradient(50% 50%, #022d8c, #fff); background: -o-radial-gradient(50% 50%, #022d8c, #fff); background: -ms-radial-gradient(50% 50%, #022d8c, #fff); background: radial-gradient(50% 50%, #022d8c, #fff); color: #fff">#022d8c radial gradient</p>
#022d8c linear gradient to complementary #8c6001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022d8c, #8c6001); background: -webkit-linear-gradient(top, #022d8c, #8c6001); background: -o-linear-gradient(top, #022d8c, #8c6001); background: -ms-linear-gradient(top, #022d8c, #8c6001); background: linear-gradient(top, #022d8c, #8c6001); color: #fff">#022d8c linear gradient to complementary #8c6001</p>
#022d8c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022d8c">#022d8c text shadow</p>
The matching paint colors are listed in order of relevancy to the #022d8c 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 #022d8c.
Jump to paint brand: