Color Charts
RGB
CMYK
RYB
#022dfb Hex Color CodeThe hexadecimal color code #022dfb is a shade of blue. In the RGB color model #022dfb is comprised of 0.78% red, 17.65% green and 98.43% blue. In the HSL color space #022dfb has a hue of 229.64 degrees, 98.42% saturation and 49.61% lightness. This color has an approximate wavelength of 475 nm.
#022dfb Color InformationInverted
#fdd204 25% Saturated
#002bfc Grayscale
#7e7e7e
rgb(2, 45, 251)
rgba(2, 45, 251, 1.0)
red: 0.7843%, yellow: 15.1638%, blue: 98.4314%
#022dfb
142843
-16634373 / 0xff022dfb
hsl(230, 98%, 50%)
hsla(230, 98%, 50%, 1.0)
hue: 230 (229.6386), saturation: 99 (99.2032), value: 98 (98.4314)
X: 18.376, Y: 8.8547, Z: 92.0074
x: 0.1541, y: 0.0743, Y: 8.8547
L: 35.703, a: 66.2594, b: -99.9391
L: 35.703, u: -11.969, v: -130.7939
L: 35.703, C: 119.9089, H: 303.5443
L: 29.7569, a: 58.1561, b: -162.4932
cyan: 99 (0.992), magenta: 82 (0.8207), yellow: 0 (0), key: 2 (0.0157)
cyan: 99 (0.9922), magenta: 82 (0.8235), yellow: 2 (0.0157)
Y: 55.627, I: -91.796, Q: 55.0012
Y: 55.627, U: 96.143, V: -47.0471
Y: 55.627, Db: 293.948, Dr: 102.021
Y: 63.792, Cb: 224.798, Cr: 94.497
Y: 50.673, Pb: 107.945, Pr: -30.976
7.5PB 4/26 (approximate)
#022dfb / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022dfb to White#022dfb to Black#022dfb foreground
<p style="color: #022dfb">#022dfb foreground</p>
#022dfb background
<p style="background-color: #022dfb; color: #fff">#022dfb background</p>
#022dfb border
<p style="border: #022dfb 3px solid">#022dfb border</p>
#022dfb radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022dfb, #fff); background: -webkit-radial-gradient(50% 50%, #022dfb, #fff); background: -o-radial-gradient(50% 50%, #022dfb, #fff); background: -ms-radial-gradient(50% 50%, #022dfb, #fff); background: radial-gradient(50% 50%, #022dfb, #fff); color: #fff">#022dfb radial gradient</p>
#022dfb linear gradient to complementary #fbd001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022dfb, #fbd001); background: -webkit-linear-gradient(top, #022dfb, #fbd001); background: -o-linear-gradient(top, #022dfb, #fbd001); background: -ms-linear-gradient(top, #022dfb, #fbd001); background: linear-gradient(top, #022dfb, #fbd001); color: #fff">#022dfb linear gradient to complementary #fbd001</p>
#022dfb text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022dfb">#022dfb text shadow</p>
The matching paint colors are listed in order of relevancy to the #022dfb 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 #022dfb.
Jump to paint brand: