Color Charts
RGB
CMYK
RYB
#021f88 Hex Color CodeThe hexadecimal color code #021f88 is a medium dark shade of blue. In the RGB color model #021f88 is comprised of 0.78% red, 12.16% green and 53.33% blue. In the HSL color space #021f88 has a hue of 227.01 degrees, 97.1% saturation and 27.06% lightness. This color has an approximate wavelength of 477 nm.
#021f88 Color InformationInverted
#fde077 25% Saturated
#001d8a Grayscale
#454545
25% Lighter
#0226aa Original
#021f88 25% Darker
#011766
midnightblue
#191970 25% Desaturated
#122877 Web Safe: navy
#000080
rgb(2, 31, 136)
rgba(2, 31, 136, 1.0)
red: 0.7843%, yellow: 10.1335%, blue: 53.3333%
#021f88
139144
-16638072 / 0xff021f88
hsl(227, 97%, 27%)
hsla(227, 97%, 27%, 1.0)
hue: 227 (227.0149), saturation: 99 (98.5294), value: 53 (53.3333)
X: 4.959, Y: 2.7705, Z: 23.5659
x: 0.1585, y: 0.0885, Y: 2.7705
L: 19.1001, a: 35.5397, b: -59.5628
L: 19.1001, u: -7.1043, v: -63.469
L: 19.1001, C: 69.3599, H: 300.8235
L: 16.6447, a: 24.0524, b: -72.2929
cyan: 99 (0.9853), magenta: 77 (0.7721), yellow: 0 (0), key: 47 (0.4667)
cyan: 99 (0.9922), magenta: 88 (0.8784), yellow: 47 (0.4667)
Y: 34.299, I: -51.0084, Q: 26.537
Y: 34.299, U: 50.0471, V: -28.336
Y: 34.299, Db: 153.015, Dr: 61.442
Y: 45.466, Cb: 178.387, Cr: 107.814
Y: 32.383, Pb: 55.835, Pr: -19.33
7.5PB 2/14 approximate; exact match: Munsell 7.5PB 2/14 / #261d88
#021f88 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#021f88 to White#021f88 to Black#021f88 foreground
<p style="color: #021f88">#021f88 foreground</p>
#021f88 background
<p style="background-color: #021f88; color: #fff">#021f88 background</p>
#021f88 border
<p style="border: #021f88 3px solid">#021f88 border</p>
#021f88 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #021f88, #fff); background: -webkit-radial-gradient(50% 50%, #021f88, #fff); background: -o-radial-gradient(50% 50%, #021f88, #fff); background: -ms-radial-gradient(50% 50%, #021f88, #fff); background: radial-gradient(50% 50%, #021f88, #fff); color: #fff">#021f88 radial gradient</p>
#021f88 linear gradient to complementary #886b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #021f88, #886b01); background: -webkit-linear-gradient(top, #021f88, #886b01); background: -o-linear-gradient(top, #021f88, #886b01); background: -ms-linear-gradient(top, #021f88, #886b01); background: linear-gradient(top, #021f88, #886b01); color: #fff">#021f88 linear gradient to complementary #886b01</p>
#021f88 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #021f88">#021f88 text shadow</p>
The matching paint colors are listed in order of relevancy to the #021f88 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 #021f88.
Jump to paint brand: