Color Charts
RGB
CMYK
RYB
#022e69 Hex Color CodeThe hexadecimal color code #022e69 is a dark shade of cyan-blue. In the RGB color model #022e69 is comprised of 0.78% red, 18.04% green and 41.18% blue. In the HSL color space #022e69 has a hue of 214.37 degrees, 96.26% saturation and 20.98% lightness. This color has an approximate wavelength of 485 nm.
#022e69 Color InformationInverted
#fdd196 25% Saturated
#002d6a Grayscale
#353535
25% Lighter
#023983 Original
#022e69 25% Darker
#01224e
midnightblue
#191970 25% Desaturated
#0e2f5c Web Safe: navy
#000080
rgb(2, 46, 105)
rgba(2, 46, 105, 1.0)
red: 0.7843%, yellow: 12.8745%, blue: 41.1765%
#022e69
142953
-16634263 / 0xff022e69
hsl(214, 96%, 21%)
hsla(214, 96%, 21%, 1.0)
hue: 214 (214.3689), saturation: 98 (98.0952), value: 41 (41.1765)
X: 3.5518, Y: 2.9868, Z: 13.7539
x: 0.175, y: 0.1472, Y: 2.9868
L: 19.991, a: 12.0297, b: -38.2968
L: 19.991, u: -10.2144, v: -43.7576
L: 19.991, C: 40.1418, H: 287.4385
L: 17.2824, a: 6.4406, b: -35.0873
cyan: 98 (0.981), magenta: 56 (0.5619), yellow: 0 (0), key: 59 (0.5882)
cyan: 99 (0.9922), magenta: 82 (0.8196), yellow: 59 (0.5882)
Y: 39.57, I: -45.166, Q: 9.0529
Y: 39.57, U: 32.1982, V: -32.9606
Y: 39.57, Db: 98.447, Dr: 71.455
Y: 49.988, Cb: 160.413, Cr: 104.495
Y: 40.876, Pb: 34.56, Pr: -24.714
5PB 2/8 (approximate)
#022e69 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022e69 to White#022e69 to Black#022e69 foreground
<p style="color: #022e69">#022e69 foreground</p>
#022e69 background
<p style="background-color: #022e69; color: #fff">#022e69 background</p>
#022e69 border
<p style="border: #022e69 3px solid">#022e69 border</p>
#022e69 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022e69, #fff); background: -webkit-radial-gradient(50% 50%, #022e69, #fff); background: -o-radial-gradient(50% 50%, #022e69, #fff); background: -ms-radial-gradient(50% 50%, #022e69, #fff); background: radial-gradient(50% 50%, #022e69, #fff); color: #fff">#022e69 radial gradient</p>
#022e69 linear gradient to complementary #683c02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022e69, #683c02); background: -webkit-linear-gradient(top, #022e69, #683c02); background: -o-linear-gradient(top, #022e69, #683c02); background: -ms-linear-gradient(top, #022e69, #683c02); background: linear-gradient(top, #022e69, #683c02); color: #fff">#022e69 linear gradient to complementary #683c02</p>
#022e69 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022e69">#022e69 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022e69 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 #022e69.
Jump to paint brand: