#0178f5
Hex Color CodeThe hexadecimal color code #0178f5
is a shade of cyan-blue. In the RGB color model #0178f5
is comprised of 0.39% red, 47.06% green and 96.08% blue. In the HSL color space #0178f5
has a hue of 210.74 degrees, 99.19% saturation and 48.24% lightness. This color has an approximate wavelength of 487 nm.
#0178f5
Color InformationInverted
#fe870a 25% Saturated
#0077f6 Grayscale
#7b7b7b
25% Lighter
#3597fe Original
#0178f5 25% Darker
#0059b7
royalblue
#4169e1 25% Desaturated
#1f78d6 Web Safe: blue
#0000ff
rgb(1, 120, 245)
rgba(1, 120, 245, 1.0)
red: 0.3922%, yellow: 31.7604%, blue: 96.0784%
#0178f5
96501
-16680715 / 0xff0178f5
hsl(211, 99%, 48%)
hsla(211, 99%, 48%, 1.0)
hue: 211 (210.7377), saturation: 100 (99.5918), value: 96 (96.0784)
X: 23.2104, Y: 20.032, Z: 89.0294
x: 0.1755, y: 0.1514, Y: 20.032
L: 51.8733, a: 19.9676, b: -69.9969
L: 51.8733, u: -27.4383, v: -110.0318
L: 51.8733, C: 72.7892, H: 285.9215
L: 44.7571, a: 14.2428, b: -86.6079
cyan: 100 (0.9959), magenta: 51 (0.5102), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (0.9961), magenta: 53 (0.5294), yellow: 4 (0.0392)
Y: 98.669, I: -111.0481, Q: 13.7286
Y: 98.669, U: 72.0097, V: -85.6862
Y: 98.669, Db: 220.175, Dr: 185.752
Y: 100.747, Cb: 200.487, Cr: 66.884
Y: 103.653, Pb: 76.185, Pr: -65.25
5PB 5/16 (approximate)
#0178f5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0178f5
to White#0178f5
to Black#0178f5
foreground
<p style="color: #0178f5">#0178f5 foreground</p>
#0178f5
background
<p style="background-color: #0178f5; color: #fff">#0178f5 background</p>
#0178f5
border
<p style="border: #0178f5 3px solid">#0178f5 border</p>
#0178f5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0178f5, #fff); background: -webkit-radial-gradient(50% 50%, #0178f5, #fff); background: -o-radial-gradient(50% 50%, #0178f5, #fff); background: -ms-radial-gradient(50% 50%, #0178f5, #fff); background: radial-gradient(50% 50%, #0178f5, #fff); color: #fff">#0178f5 radial gradient</p>
#0178f5
linear gradient to complementary #f47e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0178f5, #f47e01); background: -webkit-linear-gradient(top, #0178f5, #f47e01); background: -o-linear-gradient(top, #0178f5, #f47e01); background: -ms-linear-gradient(top, #0178f5, #f47e01); background: linear-gradient(top, #0178f5, #f47e01); color: #fff">
#0178f5
linear gradient to complementary #f47e01
</p>
#0178f5
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0178f5">#0178f5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0178f5
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 #0178f5
.
Jump to paint brand: