#022561
Hex Color CodeThe hexadecimal color code #022561
is a dark shade of cyan-blue. In the RGB color model #022561
is comprised of 0.78% red, 14.51% green and 38.04% blue. In the HSL color space #022561
has a hue of 217.89 degrees, 95.96% saturation and 19.41% lightness. This color has an approximate wavelength of 483 nm.
#022561
Color InformationInverted
#fdda9e 25% Saturated
#002462 Grayscale
#313131
25% Lighter
#022e79 Original
#022561 25% Darker
#011b48
midnightblue
#191970 25% Desaturated
#0d2855 Web Safe: navy
#000080
rgb(2, 37, 97)
rgba(2, 37, 97, 1.0)
red: 0.7843%, yellow: 10.8145%, blue: 38.0392%
#022561
140641
-16636575 / 0xff022561
hsl(218, 96%, 19%)
hsla(218, 96%, 19%, 1.0)
hue: 218 (217.8947), saturation: 98 (97.9381), value: 38 (38.0392)
X: 2.8443, Y: 2.1991, Z: 11.5838
x: 0.1711, y: 0.1323, Y: 2.1991
L: 16.4993, a: 15.1488, b: -38.7345
L: 16.4993, u: -7.8613, v: -40.3085
L: 16.4993, C: 41.5915, H: 291.3601
L: 14.8294, a: 8.2848, b: -35.9332
cyan: 98 (0.9794), magenta: 62 (0.6186), yellow: 0 (0), key: 62 (0.6196)
cyan: 99 (0.9922), magenta: 85 (0.8549), yellow: 62 (0.6196)
Y: 33.375, I: -40.1258, Q: 11.2671
Y: 33.375, U: 31.3099, V: -27.5256
Y: 33.375, Db: 95.73, Dr: 59.675
Y: 44.668, Cb: 159.52, Cr: 108.375
Y: 33.865, Pb: 34.025, Pr: -20.26
7.5PB 2/8 approximate; exact match: Munsell 7.5PB 2/8 / #262a68
#022561
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022561
to White#022561
to Black#022561
foreground
<p style="color: #022561">#022561 foreground</p>
#022561
background
<p style="background-color: #022561; color: #fff">#022561 background</p>
#022561
border
<p style="border: #022561 3px solid">#022561 border</p>
#022561
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022561, #fff); background: -webkit-radial-gradient(50% 50%, #022561, #fff); background: -o-radial-gradient(50% 50%, #022561, #fff); background: -ms-radial-gradient(50% 50%, #022561, #fff); background: radial-gradient(50% 50%, #022561, #fff); color: #fff">#022561 radial gradient</p>
#022561
linear gradient to complementary #613d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022561, #613d01); background: -webkit-linear-gradient(top, #022561, #613d01); background: -o-linear-gradient(top, #022561, #613d01); background: -ms-linear-gradient(top, #022561, #613d01); background: linear-gradient(top, #022561, #613d01); color: #fff">
#022561
linear gradient to complementary #613d01
</p>
#022561
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022561">#022561 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022561
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 #022561
.
Jump to paint brand: