#0162c3
Hex Color CodeThe hexadecimal color code #0162c3
is a medium dark shade of cyan-blue. In the RGB color model #0162c3
is comprised of 0.39% red, 38.43% green and 76.47% blue. In the HSL color space #0162c3
has a hue of 210 degrees, 98.98% saturation and 38.43% lightness. This color has an approximate wavelength of 488 nm.
#0162c3
Color InformationInverted
#fe9d3c 25% Saturated
#0061c3 Grayscale
#616161
25% Lighter
#017af3 Original
#0162c3 25% Darker
#004992
royalblue
#4169e1 25% Desaturated
#1961aa Web Safe: blue
#0000ff
rgb(1, 98, 195)
rgba(1, 98, 195, 1.0)
red: 0.3922%, yellow: 25.7516%, blue: 76.4706%
#0162c3
90819
-16686397 / 0xff0162c3
hsl(210, 99%, 38%)
hsla(210, 99%, 38%, 1.0)
hue: 210 (210), saturation: 99 (99.4872), value: 76 (76.4706)
X: 14.2305, Y: 12.6819, Z: 53.3276
x: 0.1773, y: 0.1581, Y: 12.6819
L: 42.2801, a: 14.2926, b: -57.1671
L: 42.2801, u: -22.8927, v: -85.2781
L: 42.2801, C: 58.9267, H: 284.0371
L: 35.6117, a: 9.0085, b: -63.857
cyan: 99 (0.9949), magenta: 50 (0.4974), yellow: 0 (0), key: 24 (0.2353)
cyan: 100 (0.9961), magenta: 62 (0.6157), yellow: 24 (0.2353)
Y: 80.055, I: -88.947, Q: 9.6689
Y: 80.055, U: 56.5646, V: -69.356
Y: 80.055, Db: 172.951, Dr: 150.35
Y: 84.759, Cb: 184.939, Cr: 78.53
Y: 84.323, Pb: 59.655, Pr: -52.962
5PB 4/14 (approximate)
#0162c3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0162c3
to White#0162c3
to Black#0162c3
foreground
<p style="color: #0162c3">#0162c3 foreground</p>
#0162c3
background
<p style="background-color: #0162c3; color: #fff">#0162c3 background</p>
#0162c3
border
<p style="border: #0162c3 3px solid">#0162c3 border</p>
#0162c3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0162c3, #fff); background: -webkit-radial-gradient(50% 50%, #0162c3, #fff); background: -o-radial-gradient(50% 50%, #0162c3, #fff); background: -ms-radial-gradient(50% 50%, #0162c3, #fff); background: radial-gradient(50% 50%, #0162c3, #fff); color: #fff">#0162c3 radial gradient</p>
#0162c3
linear gradient to complementary #c36100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0162c3, #c36100); background: -webkit-linear-gradient(top, #0162c3, #c36100); background: -o-linear-gradient(top, #0162c3, #c36100); background: -ms-linear-gradient(top, #0162c3, #c36100); background: linear-gradient(top, #0162c3, #c36100); color: #fff">
#0162c3
linear gradient to complementary #c36100
</p>
#0162c3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0162c3">#0162c3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0162c3
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 #0162c3
.
Jump to paint brand: