#022243
Hex Color CodeThe hexadecimal color code #022243
is a very dark shade of cyan-blue. In the RGB color model #022243
is comprised of 0.78% red, 13.33% green and 26.27% blue. In the HSL color space #022243
has a hue of 210.46 degrees, 94.2% saturation and 13.53% lightness. This color has an approximate wavelength of 487 nm.
#022243
Color InformationInverted
#fdddbc 25% Saturated
#002145 Grayscale
#222222
25% Lighter
#022a53 Original
#022243 25% Darker
#011932
midnightblue
#191970 25% Desaturated
#0a223a Web Safe: navy
#000080
rgb(2, 34, 67)
rgba(2, 34, 67, 1.0)
red: 0.7843%, yellow: 9.1935%, blue: 26.2745%
#022243
139843
-16637373 / 0xff022243
hsl(210, 94%, 14%)
hsla(210, 94%, 14%, 1.0)
hue: 210 (210.4615), saturation: 97 (97.0149), value: 26 (26.2745)
X: 1.6102, Y: 1.5622, Z: 5.5269
x: 0.1851, y: 0.1796, Y: 1.5622
L: 12.9982, a: 3.4227, b: -24.055
L: 12.9982, u: -7.2835, v: -22.0603
L: 12.9982, C: 24.2973, H: 278.098
L: 12.4988, a: 1.1226, b: -17.4683
cyan: 97 (0.9701), magenta: 49 (0.4925), yellow: 0 (0), key: 74 (0.7373)
cyan: 99 (0.9922), magenta: 87 (0.8667), yellow: 74 (0.7373)
Y: 28.194, I: -29.6646, Q: 3.5009
Y: 28.194, U: 19.0965, V: -22.9803
Y: 28.194, Db: 58.389, Dr: 49.817
Y: 40.216, Cb: 147.223, Cr: 111.609
Y: 29.56, Pb: 20.18, Pr: -17.518
5PB 1/4 approximate; exact match: Munsell 5PB 1/4 / #0c1c38
#022243
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022243
to White#022243
to Black#022243
foreground
<p style="color: #022243">#022243 foreground</p>
#022243
background
<p style="background-color: #022243; color: #fff">#022243 background</p>
#022243
border
<p style="border: #022243 3px solid">#022243 border</p>
#022243
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022243, #fff); background: -webkit-radial-gradient(50% 50%, #022243, #fff); background: -o-radial-gradient(50% 50%, #022243, #fff); background: -ms-radial-gradient(50% 50%, #022243, #fff); background: radial-gradient(50% 50%, #022243, #fff); color: #fff">#022243 radial gradient</p>
#022243
linear gradient to complementary #432202
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022243, #432202); background: -webkit-linear-gradient(top, #022243, #432202); background: -o-linear-gradient(top, #022243, #432202); background: -ms-linear-gradient(top, #022243, #432202); background: linear-gradient(top, #022243, #432202); color: #fff">
#022243
linear gradient to complementary #432202
</p>
#022243
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022243">#022243 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022243
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 #022243
.
Jump to paint brand: