Color Charts
RGB
CMYK
RYB
#022dca Hex Color CodeThe hexadecimal color code #022dca is a medium dark shade of blue. In the RGB color model #022dca is comprised of 0.78% red, 17.65% green and 79.22% blue. In the HSL color space #022dca has a hue of 227.1 degrees, 98.04% saturation and 40% lightness. This color has an approximate wavelength of 477 nm.
#022dca Color InformationInverted
#fdd235 25% Saturated
#002bcc Grayscale
#666666
25% Lighter
#0238fc Original
#022dca 25% Darker
#012197
mediumblue
#0000cd 25% Desaturated
#1a3bb1 Web Safe: blue
#0000ff
rgb(2, 45, 202)
rgba(2, 45, 202, 1.0)
red: 0.7843%, yellow: 14.6631%, blue: 79.2157%
#022dca
142794
-16634422 / 0xff022dca
hsl(227, 98%, 40%)
hsla(227, 98%, 40%, 1.0)
hue: 227 (227.1), saturation: 99 (99.0099), value: 79 (79.2157)
X: 11.6241, Y: 6.1539, Z: 56.4523
x: 0.1566, y: 0.0829, Y: 6.1539
L: 29.7976, a: 50.7824, b: -81.7095
L: 29.7976, u: -10.7318, v: -102.9139
L: 29.7976, C: 96.2045, H: 301.8609
L: 24.8071, a: 40.2287, b: -117.558
cyan: 99 (0.9901), magenta: 78 (0.7772), yellow: 0 (0), key: 21 (0.2078)
cyan: 99 (0.9922), magenta: 82 (0.8235), yellow: 21 (0.2078)
Y: 50.041, I: -76.0541, Q: 39.7556
Y: 50.041, U: 74.779, V: -42.1466
Y: 50.041, Db: 228.631, Dr: 91.388
Y: 58.99, Cb: 203.287, Cr: 97.976
Y: 47.145, Pb: 83.445, Pr: -28.722
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#022dca / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022dca to White#022dca to Black#022dca foreground
<p style="color: #022dca">#022dca foreground</p>
#022dca background
<p style="background-color: #022dca; color: #fff">#022dca background</p>
#022dca border
<p style="border: #022dca 3px solid">#022dca border</p>
#022dca radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022dca, #fff); background: -webkit-radial-gradient(50% 50%, #022dca, #fff); background: -o-radial-gradient(50% 50%, #022dca, #fff); background: -ms-radial-gradient(50% 50%, #022dca, #fff); background: radial-gradient(50% 50%, #022dca, #fff); color: #fff">#022dca radial gradient</p>
#022dca linear gradient to complementary #ca9f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022dca, #ca9f01); background: -webkit-linear-gradient(top, #022dca, #ca9f01); background: -o-linear-gradient(top, #022dca, #ca9f01); background: -ms-linear-gradient(top, #022dca, #ca9f01); background: linear-gradient(top, #022dca, #ca9f01); color: #fff">#022dca linear gradient to complementary #ca9f01</p>
#022dca text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022dca">#022dca text shadow</p>
The matching paint colors are listed in order of relevancy to the #022dca 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 #022dca.
Jump to paint brand: