#022acb
Hex Color CodeThe hexadecimal color code #022acb
is a shade of blue. In the RGB color model #022acb
is comprised of 0.78% red, 16.47% green and 79.61% blue. In the HSL color space #022acb
has a hue of 228.06 degrees, 98.05% saturation and 40.2% lightness. This color has an approximate wavelength of 476 nm.
#022acb
Color InformationInverted
#fdd534 25% Saturated
#0028cd Grayscale
#666666
25% Lighter
#0335fc Original
#022acb 25% Darker
#011f98
mediumblue
#0000cd 25% Desaturated
#1b39b1 Web Safe: blue
#0000ff
rgb(2, 42, 203)
rgba(2, 42, 203, 1.0)
red: 0.7843%, yellow: 13.8671%, blue: 79.6078%
#022acb
142027
-16635189 / 0xff022acb
hsl(228, 98%, 40%)
hsla(228, 98%, 40%, 1.0)
hue: 228 (228.0597), saturation: 99 (99.0148), value: 80 (79.6078)
X: 11.6325, Y: 5.9806, Z: 57.0412
x: 0.1558, y: 0.0801, Y: 5.9806
L: 29.3635, a: 52.713, b: -83.0146
L: 29.3635, u: -10.3318, v: -103.366
L: 29.3635, C: 98.3366, H: 302.4149
L: 24.4553, a: 42.109, b: -121.1731
cyan: 99 (0.9901), magenta: 79 (0.7931), yellow: 0 (0), key: 20 (0.2039)
cyan: 99 (0.9922), magenta: 84 (0.8353), yellow: 20 (0.2039)
Y: 48.394, I: -75.552, Q: 41.6345
Y: 48.394, U: 76.0816, V: -40.7016
Y: 48.394, Db: 232.613, Dr: 88.257
Y: 57.576, Cb: 204.599, Cr: 99.009
Y: 45.072, Pb: 85.1, Pr: -27.406
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#022acb
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022acb
to White#022acb
to Black#022acb
foreground
<p style="color: #022acb">#022acb foreground</p>
#022acb
background
<p style="background-color: #022acb; color: #fff">#022acb background</p>
#022acb
border
<p style="border: #022acb 3px solid">#022acb border</p>
#022acb
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022acb, #fff); background: -webkit-radial-gradient(50% 50%, #022acb, #fff); background: -o-radial-gradient(50% 50%, #022acb, #fff); background: -ms-radial-gradient(50% 50%, #022acb, #fff); background: radial-gradient(50% 50%, #022acb, #fff); color: #fff">#022acb radial gradient</p>
#022acb
linear gradient to complementary #cba301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022acb, #cba301); background: -webkit-linear-gradient(top, #022acb, #cba301); background: -o-linear-gradient(top, #022acb, #cba301); background: -ms-linear-gradient(top, #022acb, #cba301); background: linear-gradient(top, #022acb, #cba301); color: #fff">
#022acb
linear gradient to complementary #cba301
</p>
#022acb
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022acb">#022acb text shadow</p>
The matching paint colors are listed in order of relevancy to the #022acb
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 #022acb
.
Jump to paint brand: