Color Charts
RGB
CMYK
RYB
#022bb8 Hex Color CodeThe hexadecimal color code #022bb8 is a medium dark shade of blue. In the RGB color model #022bb8 is comprised of 0.78% red, 16.86% green and 72.16% blue. In the HSL color space #022bb8 has a hue of 226.48 degrees, 97.85% saturation and 36.47% lightness. This color has an approximate wavelength of 477 nm.
#022bb8 Color InformationInverted
#fdd447 25% Saturated
#0029ba Grayscale
#5d5d5d
25% Lighter
#0235e6 Original
#022bb8 25% Darker
#01208a
mediumblue
#0000cd 25% Desaturated
#1837a1 Web Safe: blue
#0000ff
rgb(2, 43, 184)
rgba(2, 43, 184, 1.0)
red: 0.7843%, yellow: 13.9066%, blue: 72.1569%
#022bb8
142264
-16634952 / 0xff022bb8
hsl(226, 98%, 36%)
hsla(226, 98%, 36%, 1.0)
hue: 226 (226.4835), saturation: 99 (98.913), value: 72 (72.1569)
X: 9.5406, Y: 5.2014, Z: 45.8485
x: 0.1575, y: 0.0858, Y: 5.2014
L: 27.3009, a: 45.7299, b: -75.2491
L: 27.3009, u: -10.0471, v: -92.4121
L: 27.3009, C: 88.0548, H: 301.2876
L: 22.8065, a: 34.7607, b: -103.2279
cyan: 99 (0.9891), magenta: 77 (0.7663), yellow: 0 (0), key: 28 (0.2784)
cyan: 99 (0.9922), magenta: 83 (0.8314), yellow: 28 (0.2784)
Y: 46.815, I: -69.7224, Q: 35.2003
Y: 46.815, U: 67.5088, V: -39.3164
Y: 46.815, Db: 206.403, Dr: 85.25
Y: 56.218, Cb: 195.967, Cr: 99.99
Y: 44.419, Pb: 75.215, Pr: -26.986
7.5PB 3/18 approximate; exact match: Munsell 7.5PB 3/18 / #342ec0
#022bb8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022bb8 to White#022bb8 to Black#022bb8 foreground
<p style="color: #022bb8">#022bb8 foreground</p>
#022bb8 background
<p style="background-color: #022bb8; color: #fff">#022bb8 background</p>
#022bb8 border
<p style="border: #022bb8 3px solid">#022bb8 border</p>
#022bb8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022bb8, #fff); background: -webkit-radial-gradient(50% 50%, #022bb8, #fff); background: -o-radial-gradient(50% 50%, #022bb8, #fff); background: -ms-radial-gradient(50% 50%, #022bb8, #fff); background: radial-gradient(50% 50%, #022bb8, #fff); color: #fff">#022bb8 radial gradient</p>
#022bb8 linear gradient to complementary #b88f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022bb8, #b88f01); background: -webkit-linear-gradient(top, #022bb8, #b88f01); background: -o-linear-gradient(top, #022bb8, #b88f01); background: -ms-linear-gradient(top, #022bb8, #b88f01); background: linear-gradient(top, #022bb8, #b88f01); color: #fff">#022bb8 linear gradient to complementary #b88f01</p>
#022bb8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022bb8">#022bb8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022bb8 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 #022bb8.
Jump to paint brand: