#022c52
Hex Color CodeThe hexadecimal color code #022c52
is a dark shade of cyan-blue. In the RGB color model #022c52
is comprised of 0.78% red, 17.25% green and 32.16% blue. In the HSL color space #022c52
has a hue of 208.5 degrees, 95.24% saturation and 16.47% lightness. This color has an approximate wavelength of 489 nm.
#022c52
Color InformationInverted
#fdd3ad 25% Saturated
#002c54 Grayscale
#2a2a2a
25% Lighter
#023666 Original
#022c52 25% Darker
#01203d
midnightblue
#191970 25% Desaturated
#0c2b48 Web Safe: navy
#000080
rgb(2, 44, 82)
rgba(2, 44, 82, 1.0)
red: 0.7843%, yellow: 11.5847%, blue: 32.1569%
#022c52
142418
-16634798 / 0xff022c52
hsl(209, 95%, 16%)
hsla(209, 95%, 16%, 1.0)
hue: 209 (208.5), saturation: 98 (97.561), value: 32 (32.1569)
X: 2.4487, Y: 2.4235, Z: 8.3214
x: 0.1856, y: 0.1837, Y: 2.4235
L: 17.5689, a: 2.9801, b: -26.9966
L: 17.5689, u: -10.1022, v: -28.8416
L: 17.5689, C: 27.1606, H: 276.2993
L: 15.5675, a: 0.8343, b: -20.7953
cyan: 98 (0.9756), magenta: 46 (0.4634), yellow: 0 (0), key: 68 (0.6784)
cyan: 99 (0.9922), magenta: 83 (0.8275), yellow: 68 (0.6784)
Y: 35.774, I: -37.2281, Q: 2.942
Y: 35.774, U: 22.7479, V: -29.6304
Y: 35.774, Db: 69.554, Dr: 64.232
Y: 46.726, Cb: 150.898, Cr: 106.864
Y: 37.79, Pb: 23.83, Pr: -22.748
2.5PB 2/6 (approximate)
#022c52
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022c52
to White#022c52
to Black#022c52
foreground
<p style="color: #022c52">#022c52 foreground</p>
#022c52
background
<p style="background-color: #022c52; color: #fff">#022c52 background</p>
#022c52
border
<p style="border: #022c52 3px solid">#022c52 border</p>
#022c52
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022c52, #fff); background: -webkit-radial-gradient(50% 50%, #022c52, #fff); background: -o-radial-gradient(50% 50%, #022c52, #fff); background: -ms-radial-gradient(50% 50%, #022c52, #fff); background: radial-gradient(50% 50%, #022c52, #fff); color: #fff">#022c52 radial gradient</p>
#022c52
linear gradient to complementary #522802
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022c52, #522802); background: -webkit-linear-gradient(top, #022c52, #522802); background: -o-linear-gradient(top, #022c52, #522802); background: -ms-linear-gradient(top, #022c52, #522802); background: linear-gradient(top, #022c52, #522802); color: #fff">
#022c52
linear gradient to complementary #522802
</p>
#022c52
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022c52">#022c52 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022c52
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 #022c52
.
Jump to paint brand: