Color Charts
RGB
CMYK
RYB
#022ecd Hex Color CodeThe hexadecimal color code #022ecd is a shade of blue. In the RGB color model #022ecd is comprised of 0.78% red, 18.04% green and 80.39% blue. In the HSL color space #022ecd has a hue of 227 degrees, 98.07% saturation and 40.59% lightness. This color has an approximate wavelength of 477 nm.
#022ecd Color InformationInverted
#fdd132 25% Saturated
#002ccf Grayscale
#676767
rgb(2, 46, 205)
rgba(2, 46, 205, 1.0)
red: 0.7843%, yellow: 14.9655%, blue: 80.3922%
#022ecd
143053
-16634163 / 0xff022ecd
hsl(227, 98%, 41%)
hsla(227, 98%, 41%, 1.0)
hue: 227 (226.9951), saturation: 99 (99.0244), value: 80 (80.3922)
X: 12.0215, Y: 6.3747, Z: 58.3544
x: 0.1566, y: 0.0831, Y: 6.3747
L: 30.3387, a: 51.2465, b: -82.5612
L: 30.3387, u: -10.9438, v: -104.6733
L: 30.3387, C: 97.1728, H: 301.8282
L: 25.2481, a: 40.8056, b: -119.3597
cyan: 99 (0.9902), magenta: 78 (0.7756), yellow: 0 (0), key: 20 (0.1961)
cyan: 99 (0.9922), magenta: 82 (0.8196), yellow: 20 (0.1961)
Y: 50.97, I: -77.2923, Q: 40.1664
Y: 50.97, U: 75.7982, V: -42.9616
Y: 50.97, Db: 231.747, Dr: 93.155
Y: 59.788, Cb: 204.313, Cr: 97.395
Y: 48.076, Pb: 84.56, Pr: -29.314
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#022ecd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022ecd to White#022ecd to Black#022ecd foreground
<p style="color: #022ecd">#022ecd foreground</p>
#022ecd background
<p style="background-color: #022ecd; color: #fff">#022ecd background</p>
#022ecd border
<p style="border: #022ecd 3px solid">#022ecd border</p>
#022ecd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022ecd, #fff); background: -webkit-radial-gradient(50% 50%, #022ecd, #fff); background: -o-radial-gradient(50% 50%, #022ecd, #fff); background: -ms-radial-gradient(50% 50%, #022ecd, #fff); background: radial-gradient(50% 50%, #022ecd, #fff); color: #fff">#022ecd radial gradient</p>
#022ecd linear gradient to complementary #cca102
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022ecd, #cca102); background: -webkit-linear-gradient(top, #022ecd, #cca102); background: -o-linear-gradient(top, #022ecd, #cca102); background: -ms-linear-gradient(top, #022ecd, #cca102); background: linear-gradient(top, #022ecd, #cca102); color: #fff">#022ecd linear gradient to complementary #cca102</p>
#022ecd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022ecd">#022ecd text shadow</p>
The matching paint colors are listed in order of relevancy to the #022ecd 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 #022ecd.
Jump to paint brand: