#021e55
Hex Color CodeThe hexadecimal color code #021e55
is a dark shade of cyan-blue. In the RGB color model #021e55
is comprised of 0.78% red, 11.76% green and 33.33% blue. In the HSL color space #021e55
has a hue of 219.76 degrees, 95.4% saturation and 17.06% lightness. This color has an approximate wavelength of 482 nm.
#021e55
Color InformationInverted
#fde1aa 25% Saturated
#001d57 Grayscale
#2b2b2b
25% Lighter
#02256a Original
#021e55 25% Darker
#01163f
midnightblue
#191970 25% Desaturated
#0c214a Web Safe: navy
#000080
rgb(2, 30, 85)
rgba(2, 30, 85, 1.0)
red: 0.7843%, yellow: 8.9949%, blue: 33.3333%
#021e55
138837
-16638379 / 0xff021e55
hsl(220, 95%, 17%)
hsla(220, 95%, 17%, 1.0)
hue: 220 (219.759), saturation: 98 (97.6471), value: 33 (33.3333)
X: 2.129, Y: 1.5973, Z: 8.7904
x: 0.1701, y: 0.1276, Y: 1.5973
L: 13.2139, a: 15.0229, b: -36.0709
L: 13.2139, u: -6.0995, v: -33.3771
L: 13.2139, C: 39.0743, H: 292.6108
L: 12.6386, a: 7.9514, b: -32.3907
cyan: 98 (0.9765), magenta: 65 (0.6471), yellow: 0 (0), key: 67 (0.6667)
cyan: 99 (0.9922), magenta: 88 (0.8824), yellow: 67 (0.6667)
Y: 27.898, I: -34.3495, Q: 11.1917
Y: 27.898, U: 28.0999, V: -22.7205
Y: 27.898, Db: 85.915, Dr: 49.259
Y: 39.964, Cb: 156.289, Cr: 111.803
Y: 27.996, Pb: 30.72, Pr: -16.53
5PB 1/8 (approximate)
#021e55
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#021e55
to White#021e55
to Black#021e55
foreground
<p style="color: #021e55">#021e55 foreground</p>
#021e55
background
<p style="background-color: #021e55; color: #fff">#021e55 background</p>
#021e55
border
<p style="border: #021e55 3px solid">#021e55 border</p>
#021e55
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #021e55, #fff); background: -webkit-radial-gradient(50% 50%, #021e55, #fff); background: -o-radial-gradient(50% 50%, #021e55, #fff); background: -ms-radial-gradient(50% 50%, #021e55, #fff); background: radial-gradient(50% 50%, #021e55, #fff); color: #fff">#021e55 radial gradient</p>
#021e55
linear gradient to complementary #553902
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #021e55, #553902); background: -webkit-linear-gradient(top, #021e55, #553902); background: -o-linear-gradient(top, #021e55, #553902); background: -ms-linear-gradient(top, #021e55, #553902); background: linear-gradient(top, #021e55, #553902); color: #fff">
#021e55
linear gradient to complementary #553902
</p>
#021e55
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #021e55">#021e55 text shadow</p>
The matching paint colors are listed in order of relevancy to the #021e55
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 #021e55
.
Jump to paint brand: