Color Charts
RGB
CMYK
RYB
#0158a2 Hex Color CodeThe hexadecimal color code #0158a2 is a medium dark shade of cyan-blue. In the RGB color model #0158a2 is comprised of 0.39% red, 34.51% green and 63.53% blue. In the HSL color space #0158a2 has a hue of 207.58 degrees, 98.77% saturation and 31.96% lightness. This color has an approximate wavelength of 489 nm.
#0158a2 Color InformationInverted
#fea75d 25% Saturated
#0058a3 Grayscale
#515151
25% Lighter
#016dca Original
#0158a2 25% Darker
#004179
darkslateblue
#483d8b 25% Desaturated
#15568d Web Safe: blue
#0000ff
rgb(1, 88, 162)
rgba(1, 88, 162, 1.0)
red: 0.3922%, yellow: 22.5411%, blue: 63.5294%
#0158a2
88226
-16688990 / 0xff0158a2
hsl(208, 99%, 32%)
hsla(208, 99%, 32%, 1.0)
hue: 208 (207.5776), saturation: 99 (99.3827), value: 64 (63.5294)
X: 10.0238, Y: 9.5945, Z: 35.506
x: 0.1818, y: 0.1741, Y: 9.5945
L: 37.1047, a: 7.3306, b: -46.1012
L: 37.1047, u: -21.1753, v: -65.989
L: 37.1047, C: 46.6804, H: 279.035
L: 30.975, a: 3.558, b: -46.2803
cyan: 99 (0.9938), magenta: 46 (0.4568), yellow: 0 (0), key: 36 (0.3647)
cyan: 100 (0.9961), magenta: 65 (0.6549), yellow: 36 (0.3647)
Y: 70.423, I: -75.6008, Q: 4.6273
Y: 70.423, U: 45.0652, V: -60.9057
Y: 70.423, Db: 137.792, Dr: 132.029
Y: 76.485, Cb: 173.362, Cr: 84.553
Y: 74.797, Pb: 47.005, Pr: -46.904
5PB 4/10 approximate; exact match: Munsell 5PB 4/10 / #2661ab
#0158a2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0158a2 to White#0158a2 to Black#0158a2 foreground
<p style="color: #0158a2">#0158a2 foreground</p>
#0158a2 background
<p style="background-color: #0158a2; color: #fff">#0158a2 background</p>
#0158a2 border
<p style="border: #0158a2 3px solid">#0158a2 border</p>
#0158a2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0158a2, #fff); background: -webkit-radial-gradient(50% 50%, #0158a2, #fff); background: -o-radial-gradient(50% 50%, #0158a2, #fff); background: -ms-radial-gradient(50% 50%, #0158a2, #fff); background: radial-gradient(50% 50%, #0158a2, #fff); color: #fff">#0158a2 radial gradient</p>
#0158a2 linear gradient to complementary #a24a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0158a2, #a24a00); background: -webkit-linear-gradient(top, #0158a2, #a24a00); background: -o-linear-gradient(top, #0158a2, #a24a00); background: -ms-linear-gradient(top, #0158a2, #a24a00); background: linear-gradient(top, #0158a2, #a24a00); color: #fff">#0158a2 linear gradient to complementary #a24a00</p>
#0158a2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0158a2">#0158a2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0158a2 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 #0158a2.
Jump to paint brand: