Color Charts
RGB
CMYK
RYB
#022b5a Hex Color CodeThe hexadecimal color code #022b5a is a dark shade of cyan-blue. In the RGB color model #022b5a is comprised of 0.78% red, 16.86% green and 35.29% blue. In the HSL color space #022b5a has a hue of 212.05 degrees, 95.65% saturation and 18.04% lightness. This color has an approximate wavelength of 486 nm.
#022b5a Color InformationInverted
#fdd4a5 25% Saturated
#002a5c Grayscale
#2e2e2e
25% Lighter
#023570 Original
#022b5a 25% Darker
#012043
midnightblue
#191970 25% Desaturated
#0d2b4f Web Safe: navy
#000080
rgb(2, 43, 90)
rgba(2, 43, 90, 1.0)
red: 0.7843%, yellow: 11.7525%, blue: 35.2941%
#022b5a
142170
-16635046 / 0xff022b5a
hsl(212, 96%, 18%)
hsla(212, 96%, 18%, 1.0)
hue: 212 (212.0455), saturation: 98 (97.7778), value: 35 (35.2941)
X: 2.7344, Y: 2.4788, Z: 10.0072
x: 0.1797, y: 0.1629, Y: 2.4788
L: 17.8227, a: 7.4189, b: -31.9421
L: 17.8227, u: -9.6044, v: -34.6032
L: 17.8227, C: 32.7923, H: 283.0758
L: 15.7443, a: 3.4481, b: -26.6641
cyan: 98 (0.9778), magenta: 52 (0.5222), yellow: 0 (0), key: 65 (0.6471)
cyan: 99 (0.9922), magenta: 83 (0.8314), yellow: 65 (0.6471)
Y: 36.099, I: -39.5237, Q: 5.9536
Y: 36.099, U: 26.5248, V: -29.9155
Y: 36.099, Db: 81.101, Dr: 64.852
Y: 47.006, Cb: 154.701, Cr: 106.664
Y: 37.651, Pb: 28.215, Pr: -22.662
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#022b5a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022b5a to White#022b5a to Black#022b5a foreground
<p style="color: #022b5a">#022b5a foreground</p>
#022b5a background
<p style="background-color: #022b5a; color: #fff">#022b5a background</p>
#022b5a border
<p style="border: #022b5a 3px solid">#022b5a border</p>
#022b5a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022b5a, #fff); background: -webkit-radial-gradient(50% 50%, #022b5a, #fff); background: -o-radial-gradient(50% 50%, #022b5a, #fff); background: -ms-radial-gradient(50% 50%, #022b5a, #fff); background: radial-gradient(50% 50%, #022b5a, #fff); color: #fff">#022b5a radial gradient</p>
#022b5a linear gradient to complementary #5a3002
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022b5a, #5a3002); background: -webkit-linear-gradient(top, #022b5a, #5a3002); background: -o-linear-gradient(top, #022b5a, #5a3002); background: -ms-linear-gradient(top, #022b5a, #5a3002); background: linear-gradient(top, #022b5a, #5a3002); color: #fff">#022b5a linear gradient to complementary #5a3002</p>
#022b5a text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022b5a">#022b5a text shadow</p>
The matching paint colors are listed in order of relevancy to the #022b5a 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 #022b5a.
Jump to paint brand: