Color Charts
RGB
CMYK
RYB
#022e80 Hex Color CodeThe hexadecimal color code #022e80 is a medium dark shade of cyan-blue. In the RGB color model #022e80 is comprised of 0.78% red, 18.04% green and 50.2% blue. In the HSL color space #022e80 has a hue of 219.05 degrees, 96.92% saturation and 25.49% lightness. This color has an approximate wavelength of 482 nm.
#022e80 Color InformationInverted
#fdd17f 25% Saturated
#002d82 Grayscale
#414141
25% Lighter
#0239a0 Original
#022e80 25% Darker
#012260
midnightblue
#191970 25% Desaturated
#113270 Web Safe: navy
#000080
rgb(2, 46, 128)
rgba(2, 46, 128, 1.0)
red: 0.7843%, yellow: 13.5732%, blue: 50.1961%
#022e80
142976
-16634240 / 0xff022e80
hsl(219, 97%, 25%)
hsla(219, 97%, 25%, 1.0)
hue: 219 (219.0476), saturation: 98 (98.4375), value: 50 (50.1961)
X: 4.8983, Y: 3.5254, Z: 20.8444
x: 0.1674, y: 0.1205, Y: 3.5254
L: 22.036, a: 22.1203, b: -49.6881
L: 22.036, u: -10.0226, v: -58.6163
L: 22.036, C: 54.3895, H: 293.9978
L: 18.7761, a: 13.7091, b: -52.6779
cyan: 98 (0.9844), magenta: 64 (0.6406), yellow: 0 (0), key: 50 (0.498)
cyan: 99 (0.9922), magenta: 82 (0.8196), yellow: 50 (0.498)
Y: 42.192, I: -52.5551, Q: 16.209
Y: 42.192, U: 42.2262, V: -35.2608
Y: 42.192, Db: 129.106, Dr: 76.446
Y: 52.242, Cb: 170.51, Cr: 102.862
Y: 42.532, Pb: 46.06, Pr: -25.772
7.5PB 2/10 approximate; exact match: Munsell 7.5PB 2/10 / #252774
#022e80 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022e80 to White#022e80 to Black#022e80 foreground
<p style="color: #022e80">#022e80 foreground</p>
#022e80 background
<p style="background-color: #022e80; color: #fff">#022e80 background</p>
#022e80 border
<p style="border: #022e80 3px solid">#022e80 border</p>
#022e80 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022e80, #fff); background: -webkit-radial-gradient(50% 50%, #022e80, #fff); background: -o-radial-gradient(50% 50%, #022e80, #fff); background: -ms-radial-gradient(50% 50%, #022e80, #fff); background: radial-gradient(50% 50%, #022e80, #fff); color: #fff">#022e80 radial gradient</p>
#022e80 linear gradient to complementary #805301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022e80, #805301); background: -webkit-linear-gradient(top, #022e80, #805301); background: -o-linear-gradient(top, #022e80, #805301); background: -ms-linear-gradient(top, #022e80, #805301); background: linear-gradient(top, #022e80, #805301); color: #fff">#022e80 linear gradient to complementary #805301</p>
#022e80 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022e80">#022e80 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022e80 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 #022e80.
Jump to paint brand: