Color Charts
RGB
CMYK
RYB
#021e8e Hex Color CodeThe hexadecimal color code #021e8e is a medium dark shade of blue. In the RGB color model #021e8e is comprised of 0.78% red, 11.76% green and 55.69% blue. In the HSL color space #021e8e has a hue of 228 degrees, 97.22% saturation and 28.24% lightness. This color has an approximate wavelength of 476 nm.
#021e8e Color InformationInverted
#fde171 25% Saturated
#001c90 Grayscale
#484848
25% Lighter
#0225b1 Original
#021e8e 25% Darker
#01166a
midnightblue
#191970 25% Desaturated
#13287c Web Safe: navy
#000080
rgb(2, 30, 142)
rgba(2, 30, 142, 1.0)
red: 0.7843%, yellow: 9.9346%, blue: 55.6863%
#021e8e
138894
-16638322 / 0xff021e8e
hsl(228, 97%, 28%)
hsla(228, 97%, 28%, 1.0)
hue: 228 (228), saturation: 99 (98.5915), value: 56 (55.6863)
X: 5.3718, Y: 2.8944, Z: 25.8667
x: 0.1574, y: 0.0848, Y: 2.8944
L: 19.6161, a: 38.3625, b: -62.4604
L: 19.6161, u: -7.0972, v: -66.8701
L: 19.6161, C: 73.3006, H: 301.5578
L: 17.0131, a: 26.5876, b: -78.2356
cyan: 99 (0.9859), magenta: 79 (0.7887), yellow: 0 (0), key: 44 (0.4431)
cyan: 99 (0.9922), magenta: 88 (0.8824), yellow: 44 (0.4431)
Y: 34.396, I: -52.6615, Q: 28.9264
Y: 34.396, U: 52.9519, V: -28.4211
Y: 34.396, Db: 161.896, Dr: 61.628
Y: 45.55, Cb: 181.312, Cr: 107.756
Y: 32.1, Pb: 59.22, Pr: -19.152
7.5PB 2/14 approximate; exact match: Munsell 7.5PB 2/14 / #261d88
#021e8e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#021e8e to White#021e8e to Black#021e8e foreground
<p style="color: #021e8e">#021e8e foreground</p>
#021e8e background
<p style="background-color: #021e8e; color: #fff">#021e8e background</p>
#021e8e border
<p style="border: #021e8e 3px solid">#021e8e border</p>
#021e8e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #021e8e, #fff); background: -webkit-radial-gradient(50% 50%, #021e8e, #fff); background: -o-radial-gradient(50% 50%, #021e8e, #fff); background: -ms-radial-gradient(50% 50%, #021e8e, #fff); background: radial-gradient(50% 50%, #021e8e, #fff); color: #fff">#021e8e radial gradient</p>
#021e8e linear gradient to complementary #8e7201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #021e8e, #8e7201); background: -webkit-linear-gradient(top, #021e8e, #8e7201); background: -o-linear-gradient(top, #021e8e, #8e7201); background: -ms-linear-gradient(top, #021e8e, #8e7201); background: linear-gradient(top, #021e8e, #8e7201); color: #fff">#021e8e linear gradient to complementary #8e7201</p>
#021e8e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #021e8e">#021e8e text shadow</p>
The matching paint colors are listed in order of relevancy to the #021e8e 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 #021e8e.
Jump to paint brand: