Color Charts
RGB
CMYK
RYB
#022ec0 Hex Color CodeThe hexadecimal color code #022ec0 is a medium dark shade of blue. In the RGB color model #022ec0 is comprised of 0.78% red, 18.04% green and 75.29% blue. In the HSL color space #022ec0 has a hue of 226.11 degrees, 97.94% saturation and 38.04% lightness. This color has an approximate wavelength of 478 nm.
#022ec0 Color InformationInverted
#fdd13f 25% Saturated
#002cc2 Grayscale
#616161
25% Lighter
#0239f0 Original
#022ec0 25% Darker
#012290
mediumblue
#0000cd 25% Desaturated
#193aa8 Web Safe: blue
#0000ff
rgb(2, 46, 192)
rgba(2, 46, 192, 1.0)
red: 0.7843%, yellow: 14.7947%, blue: 75.2941%
#022ec0
143040
-16634176 / 0xff022ec0
hsl(226, 98%, 38%)
hsla(226, 98%, 38%, 1.0)
hue: 226 (226.1053), saturation: 99 (98.9583), value: 75 (75.2941)
X: 10.5165, Y: 5.7727, Z: 50.4291
x: 0.1576, y: 0.0865, Y: 5.7727
L: 28.8315, a: 46.7989, b: -77.4447
L: 28.8315, u: -10.6778, v: -97.1419
L: 28.8315, C: 90.4866, H: 301.1441
L: 24.0264, a: 36.0841, b: -107.6257
cyan: 99 (0.9896), magenta: 76 (0.7604), yellow: 0 (0), key: 25 (0.2471)
cyan: 99 (0.9922), magenta: 82 (0.8196), yellow: 25 (0.2471)
Y: 49.488, I: -73.1159, Q: 36.1216
Y: 49.488, U: 70.1302, V: -41.6615
Y: 49.488, Db: 214.418, Dr: 90.334
Y: 58.514, Cb: 198.606, Cr: 98.318
Y: 47.14, Pb: 78.06, Pr: -28.716
7.5PB 3/18 approximate; exact match: Munsell 7.5PB 3/18 / #342ec0
#022ec0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022ec0 to White#022ec0 to Black#022ec0 foreground
<p style="color: #022ec0">#022ec0 foreground</p>
#022ec0 background
<p style="background-color: #022ec0; color: #fff">#022ec0 background</p>
#022ec0 border
<p style="border: #022ec0 3px solid">#022ec0 border</p>
#022ec0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022ec0, #fff); background: -webkit-radial-gradient(50% 50%, #022ec0, #fff); background: -o-radial-gradient(50% 50%, #022ec0, #fff); background: -ms-radial-gradient(50% 50%, #022ec0, #fff); background: radial-gradient(50% 50%, #022ec0, #fff); color: #fff">#022ec0 radial gradient</p>
#022ec0 linear gradient to complementary #c09401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022ec0, #c09401); background: -webkit-linear-gradient(top, #022ec0, #c09401); background: -o-linear-gradient(top, #022ec0, #c09401); background: -ms-linear-gradient(top, #022ec0, #c09401); background: linear-gradient(top, #022ec0, #c09401); color: #fff">#022ec0 linear gradient to complementary #c09401</p>
#022ec0 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022ec0">#022ec0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022ec0 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 #022ec0.
Jump to paint brand: