Color Charts
RGB
CMYK
RYB
#022786 Hex Color CodeThe hexadecimal color code #022786 is a medium dark shade of blue. In the RGB color model #022786 is comprised of 0.78% red, 15.29% green and 52.55% blue. In the HSL color space #022786 has a hue of 223.18 degrees, 97.06% saturation and 26.67% lightness. This color has an approximate wavelength of 479 nm.
#022786 Color InformationInverted
#fdd879 25% Saturated
#002688 Grayscale
#444444
25% Lighter
#0230a7 Original
#022786 25% Darker
#011d64
midnightblue
#191970 25% Desaturated
#122e75 Web Safe: navy
#000080
rgb(2, 39, 134)
rgba(2, 39, 134, 1.0)
red: 0.7843%, yellow: 12.1174%, blue: 52.549%
#022786
141190
-16636026 / 0xff022786
hsl(223, 97%, 27%)
hsla(223, 97%, 27%, 1.0)
hue: 223 (223.1818), saturation: 99 (98.5075), value: 53 (52.549)
X: 5.0536, Y: 3.1852, Z: 22.9027
x: 0.1623, y: 0.1023, Y: 3.1852
L: 20.7707, a: 29.5201, b: -55.5452
L: 20.7707, u: -8.5108, v: -62.7725
L: 20.7707, C: 62.9023, H: 297.9889
L: 17.8471, a: 19.3123, b: -63.5925
cyan: 99 (0.9851), magenta: 71 (0.709), yellow: 0 (0), key: 47 (0.4745)
cyan: 99 (0.9922), magenta: 85 (0.8471), yellow: 47 (0.4745)
Y: 38.767, I: -52.5615, Q: 21.734
Y: 38.767, U: 46.8642, V: -32.2559
Y: 38.767, Db: 143.285, Dr: 69.936
Y: 49.302, Cb: 175.181, Cr: 105.012
Y: 37.959, Pb: 51.755, Pr: -22.87
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#022786 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022786 to White#022786 to Black#022786 foreground
<p style="color: #022786">#022786 foreground</p>
#022786 background
<p style="background-color: #022786; color: #fff">#022786 background</p>
#022786 border
<p style="border: #022786 3px solid">#022786 border</p>
#022786 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022786, #fff); background: -webkit-radial-gradient(50% 50%, #022786, #fff); background: -o-radial-gradient(50% 50%, #022786, #fff); background: -ms-radial-gradient(50% 50%, #022786, #fff); background: radial-gradient(50% 50%, #022786, #fff); color: #fff">#022786 radial gradient</p>
#022786 linear gradient to complementary #866001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022786, #866001); background: -webkit-linear-gradient(top, #022786, #866001); background: -o-linear-gradient(top, #022786, #866001); background: -ms-linear-gradient(top, #022786, #866001); background: linear-gradient(top, #022786, #866001); color: #fff">#022786 linear gradient to complementary #866001</p>
#022786 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022786">#022786 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022786 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 #022786.
Jump to paint brand: