Color Charts
RGB
CMYK
RYB
#021d83 Hex Color CodeThe hexadecimal color code #021d83 is a medium dark shade of blue. In the RGB color model #021d83 is comprised of 0.78% red, 11.37% green and 51.37% blue. In the HSL color space #021d83 has a hue of 227.44 degrees, 96.99% saturation and 26.08% lightness. This color has an approximate wavelength of 477 nm.
#021d83 Color InformationInverted
#fde27c 25% Saturated
#001b84 Grayscale
#424242
25% Lighter
#0224a3 Original
#021d83 25% Darker
#011562
midnightblue
#191970 25% Desaturated
#122672 Web Safe: navy
#000080
rgb(2, 29, 131)
rgba(2, 29, 131, 1.0)
red: 0.7843%, yellow: 9.54%, blue: 51.3725%
#021d83
138627
-16638589 / 0xff021d83
hsl(227, 97%, 26%)
hsla(227, 97%, 26%, 1.0)
hue: 227 (227.4419), saturation: 98 (98.4733), value: 51 (51.3725)
X: 4.5611, Y: 2.5303, Z: 21.7207
x: 0.1583, y: 0.0878, Y: 2.5303
L: 18.0552, a: 34.9074, b: -58.1447
L: 18.0552, u: -6.667, v: -60.2862
L: 18.0552, C: 67.8184, H: 300.9787
L: 15.907, a: 23.3454, b: -69.8245
cyan: 98 (0.9847), magenta: 78 (0.7786), yellow: 0 (0), key: 49 (0.4863)
cyan: 99 (0.9922), magenta: 89 (0.8863), yellow: 49 (0.4863)
Y: 32.555, I: -48.8532, Q: 26.0265
Y: 32.555, U: 48.4448, V: -26.806
Y: 32.555, Db: 148.116, Dr: 58.125
Y: 43.968, Cb: 176.774, Cr: 108.905
Y: 30.593, Pb: 54.105, Pr: -18.192
7.5PB 2/14 approximate; exact match: Munsell 7.5PB 2/14 / #261d88
#021d83 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#021d83 to White#021d83 to Black#021d83 foreground
<p style="color: #021d83">#021d83 foreground</p>
#021d83 background
<p style="background-color: #021d83; color: #fff">#021d83 background</p>
#021d83 border
<p style="border: #021d83 3px solid">#021d83 border</p>
#021d83 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #021d83, #fff); background: -webkit-radial-gradient(50% 50%, #021d83, #fff); background: -o-radial-gradient(50% 50%, #021d83, #fff); background: -ms-radial-gradient(50% 50%, #021d83, #fff); background: radial-gradient(50% 50%, #021d83, #fff); color: #fff">#021d83 radial gradient</p>
#021d83 linear gradient to complementary #836801
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #021d83, #836801); background: -webkit-linear-gradient(top, #021d83, #836801); background: -o-linear-gradient(top, #021d83, #836801); background: -ms-linear-gradient(top, #021d83, #836801); background: linear-gradient(top, #021d83, #836801); color: #fff">#021d83 linear gradient to complementary #836801</p>
#021d83 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #021d83">#021d83 text shadow</p>
The matching paint colors are listed in order of relevancy to the #021d83 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 #021d83.
Jump to paint brand: