#0180cc
Hex Color CodeThe hexadecimal color code #0180cc
is a shade of cyan-blue. In the RGB color model #0180cc
is comprised of 0.39% red, 50.2% green and 80% blue. In the HSL color space #0180cc
has a hue of 202.46 degrees, 99.02% saturation and 40.2% lightness. This color has an approximate wavelength of 493 nm.
#0180cc
Color InformationInverted
#fe7f33 25% Saturated
#0080cd Grayscale
#666666
25% Lighter
#029ffd Original
#0180cc 25% Darker
#005f99
steelblue
#4682b4 25% Desaturated
#1a79b2 Web Safe: blue
#0000ff
rgb(1, 128, 204)
rgba(1, 128, 204, 1.0)
red: 0.3922%, yellow: 31.0291%, blue: 80%
#0180cc
98508
-16678708 / 0xff0180cc
hsl(202, 99%, 40%)
hsla(202, 99%, 40%, 1.0)
hue: 202 (202.4631), saturation: 100 (99.5098), value: 80 (80)
X: 18.6308, Y: 19.8044, Z: 59.9674
x: 0.1893, y: 0.2013, Y: 19.8044
L: 51.6154, a: -0.9982, b: -47.3606
L: 51.6154, u: -31.8525, v: -72.9319
L: 51.6154, C: 47.3711, H: 268.7926
L: 44.5022, a: -3.15, b: -48.7428
cyan: 100 (0.9951), magenta: 37 (0.3725), yellow: 0 (0), key: 20 (0.2)
cyan: 100 (0.9961), magenta: 50 (0.498), yellow: 20 (0.2)
Y: 98.691, I: -100.0719, Q: -3.2087
Y: 98.691, U: 51.8228, V: -85.7058
Y: 98.691, Db: 158.458, Dr: 185.783
Y: 100.761, Cb: 180.16, Cr: 66.851
Y: 106.421, Pb: 52.605, Pr: -66.996
2.5PB 5/10 approximate; exact match: Munsell 2.5PB 5/10 / #277fc6
#0180cc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0180cc
to White#0180cc
to Black#0180cc
foreground
<p style="color: #0180cc">#0180cc foreground</p>
#0180cc
background
<p style="background-color: #0180cc; color: #fff">#0180cc background</p>
#0180cc
border
<p style="border: #0180cc 3px solid">#0180cc border</p>
#0180cc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0180cc, #fff); background: -webkit-radial-gradient(50% 50%, #0180cc, #fff); background: -o-radial-gradient(50% 50%, #0180cc, #fff); background: -ms-radial-gradient(50% 50%, #0180cc, #fff); background: radial-gradient(50% 50%, #0180cc, #fff); color: #fff">#0180cc radial gradient</p>
#0180cc
linear gradient to complementary #cc4d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0180cc, #cc4d00); background: -webkit-linear-gradient(top, #0180cc, #cc4d00); background: -o-linear-gradient(top, #0180cc, #cc4d00); background: -ms-linear-gradient(top, #0180cc, #cc4d00); background: linear-gradient(top, #0180cc, #cc4d00); color: #fff">
#0180cc
linear gradient to complementary #cc4d00
</p>
#0180cc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0180cc">#0180cc text shadow</p>
The matching paint colors are listed in order of relevancy to the #0180cc
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 #0180cc
.
Jump to paint brand: