Color Charts
RGB
CMYK
RYB
#022c6c Hex Color CodeThe hexadecimal color code #022c6c is a dark shade of cyan-blue. In the RGB color model #022c6c is comprised of 0.78% red, 17.25% green and 42.35% blue. In the HSL color space #022c6c has a hue of 216.23 degrees, 96.36% saturation and 21.57% lightness. This color has an approximate wavelength of 484 nm.
#022c6c Color InformationInverted
#fdd393 25% Saturated
#002b6e Grayscale
#373737
25% Lighter
#023686 Original
#022c6c 25% Darker
#012151
midnightblue
#191970 25% Desaturated
#0f2e5e Web Safe: navy
#000080
rgb(2, 44, 108)
rgba(2, 44, 108, 1.0)
red: 0.7843%, yellow: 12.5808%, blue: 42.3529%
#022c6c
142444
-16634772 / 0xff022c6c
hsl(216, 96%, 22%)
hsla(216, 96%, 22%, 1.0)
hue: 216 (216.2264), saturation: 98 (98.1481), value: 42 (42.3529)
X: 3.6325, Y: 2.897, Z: 14.5551
x: 0.1723, y: 0.1374, Y: 2.897
L: 19.6265, a: 14.8569, b: -40.8371
L: 19.6265, u: -9.6277, v: -46.1914
L: 19.6265, C: 43.4557, H: 289.9918
L: 17.0205, a: 8.3093, b: -38.7874
cyan: 98 (0.9815), magenta: 59 (0.5926), yellow: 0 (0), key: 58 (0.5765)
cyan: 99 (0.9922), magenta: 83 (0.8275), yellow: 58 (0.5765)
Y: 38.738, I: -45.5809, Q: 11.0315
Y: 38.738, U: 34.0839, V: -32.2306
Y: 38.738, Db: 104.212, Dr: 69.874
Y: 49.274, Cb: 162.312, Cr: 105.018
Y: 39.662, Pb: 36.83, Pr: -23.944
7.5PB 2/8 approximate; exact match: Munsell 7.5PB 2/8 / #262a68
#022c6c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022c6c to White#022c6c to Black#022c6c foreground
<p style="color: #022c6c">#022c6c foreground</p>
#022c6c background
<p style="background-color: #022c6c; color: #fff">#022c6c background</p>
#022c6c border
<p style="border: #022c6c 3px solid">#022c6c border</p>
#022c6c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022c6c, #fff); background: -webkit-radial-gradient(50% 50%, #022c6c, #fff); background: -o-radial-gradient(50% 50%, #022c6c, #fff); background: -ms-radial-gradient(50% 50%, #022c6c, #fff); background: radial-gradient(50% 50%, #022c6c, #fff); color: #fff">#022c6c radial gradient</p>
#022c6c linear gradient to complementary #6c4102
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022c6c, #6c4102); background: -webkit-linear-gradient(top, #022c6c, #6c4102); background: -o-linear-gradient(top, #022c6c, #6c4102); background: -ms-linear-gradient(top, #022c6c, #6c4102); background: linear-gradient(top, #022c6c, #6c4102); color: #fff">#022c6c linear gradient to complementary #6c4102</p>
#022c6c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022c6c">#022c6c text shadow</p>
The matching paint colors are listed in order of relevancy to the #022c6c 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 #022c6c.
Jump to paint brand: