Color Charts
RGB
CMYK
RYB
#021a6e Hex Color CodeThe hexadecimal color code #021a6e is a dark shade of blue. In the RGB color model #021a6e is comprised of 0.78% red, 10.2% green and 43.14% blue. In the HSL color space #021a6e has a hue of 226.67 degrees, 96.43% saturation and 21.96% lightness. This color has an approximate wavelength of 477 nm.
#021a6e Color InformationInverted
#fde591 25% Saturated
#001870 Grayscale
#383838
25% Lighter
#022089 Original
#021a6e 25% Darker
#011352
midnightblue
#191970 25% Desaturated
#0f2160 Web Safe: navy
#000080
rgb(2, 26, 110)
rgba(2, 26, 110, 1.0)
red: 0.7843%, yellow: 8.4848%, blue: 43.1373%
#021a6e
137838
-16639378 / 0xff021a6e
hsl(227, 96%, 22%)
hsla(227, 96%, 22%, 1.0)
hue: 227 (226.6667), saturation: 98 (98.1818), value: 43 (43.1373)
X: 3.2089, Y: 1.8775, Z: 14.9451
x: 0.1602, y: 0.0937, Y: 1.8775
L: 14.8307, a: 28.7095, b: -50.0112
L: 14.8307, u: -5.6698, v: -47.5453
L: 14.8307, C: 57.6659, H: 299.8585
L: 13.7021, a: 17.8242, b: -55.077
cyan: 98 (0.9818), magenta: 76 (0.7636), yellow: 0 (0), key: 57 (0.5686)
cyan: 99 (0.9922), magenta: 90 (0.898), yellow: 57 (0.5686)
Y: 28.4, I: -41.2833, Q: 21.0604
Y: 28.4, U: 40.1554, V: -23.1608
Y: 28.4, Db: 122.772, Dr: 50.22
Y: 40.398, Cb: 168.428, Cr: 111.5
Y: 26.936, Pb: 44.76, Pr: -15.864
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#021a6e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#021a6e to White#021a6e to Black#021a6e foreground
<p style="color: #021a6e">#021a6e foreground</p>
#021a6e background
<p style="background-color: #021a6e; color: #fff">#021a6e background</p>
#021a6e border
<p style="border: #021a6e 3px solid">#021a6e border</p>
#021a6e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #021a6e, #fff); background: -webkit-radial-gradient(50% 50%, #021a6e, #fff); background: -o-radial-gradient(50% 50%, #021a6e, #fff); background: -ms-radial-gradient(50% 50%, #021a6e, #fff); background: radial-gradient(50% 50%, #021a6e, #fff); color: #fff">#021a6e radial gradient</p>
#021a6e linear gradient to complementary #6e5601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #021a6e, #6e5601); background: -webkit-linear-gradient(top, #021a6e, #6e5601); background: -o-linear-gradient(top, #021a6e, #6e5601); background: -ms-linear-gradient(top, #021a6e, #6e5601); background: linear-gradient(top, #021a6e, #6e5601); color: #fff">#021a6e linear gradient to complementary #6e5601</p>
#021a6e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #021a6e">#021a6e text shadow</p>
The matching paint colors are listed in order of relevancy to the #021a6e 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 #021a6e.
Jump to paint brand: