#0186bf
Hex Color CodeThe hexadecimal color code #0186bf
is a medium dark shade of cyan. In the RGB color model #0186bf
is comprised of 0.39% red, 52.55% green and 74.9% blue. In the HSL color space #0186bf
has a hue of 198 degrees, 98.96% saturation and 37.65% lightness. This color has an approximate wavelength of 495 nm.
#0186bf
Color InformationInverted
#fe7940 25% Saturated
#0086c0 Grayscale
#606060
25% Lighter
#01a7ee Original
#0186bf 25% Darker
#00648f
steelblue
#4682b4 25% Desaturated
#187ca7 Web Safe: teal
#008080
rgb(1, 134, 191)
rgba(1, 134, 191, 1.0)
red: 0.3922%, yellow: 31.0727%, blue: 74.902%
#0186bf
100031
-16677185 / 0xff0186bf
hsl(198, 99%, 38%)
hsla(198, 99%, 38%, 1.0)
hue: 198 (198), saturation: 99 (99.4764), value: 75 (74.902)
X: 17.9416, Y: 20.8182, Z: 52.3629
x: 0.1969, y: 0.2285, Y: 20.8182
L: 52.75, a: -9.5153, b: -38.1591
L: 52.75, u: -34.6767, v: -57.4967
L: 52.75, C: 39.3276, H: 255.9984
L: 45.627, a: -9.657, b: -36.1041
cyan: 99 (0.9948), magenta: 30 (0.2984), yellow: 0 (0), key: 25 (0.251)
cyan: 100 (0.9961), magenta: 47 (0.4745), yellow: 25 (0.251)
Y: 100.731, I: -97.5422, Q: -10.389
Y: 100.731, U: 44.4216, V: -87.4956
Y: 100.731, Db: 135.831, Dr: 189.658
Y: 102.511, Cb: 172.707, Cr: 65.566
Y: 109.775, Pb: 43.795, Pr: -69.122
10B 5/8 approximate; exact match: Munsell 10B 5/8 / #2c81b5
#0186bf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0186bf
to White#0186bf
to Black#0186bf
foreground
<p style="color: #0186bf">#0186bf foreground</p>
#0186bf
background
<p style="background-color: #0186bf; color: #fff">#0186bf background</p>
#0186bf
border
<p style="border: #0186bf 3px solid">#0186bf border</p>
#0186bf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0186bf, #fff); background: -webkit-radial-gradient(50% 50%, #0186bf, #fff); background: -o-radial-gradient(50% 50%, #0186bf, #fff); background: -ms-radial-gradient(50% 50%, #0186bf, #fff); background: radial-gradient(50% 50%, #0186bf, #fff); color: #fff">#0186bf radial gradient</p>
#0186bf
linear gradient to complementary #bf3a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0186bf, #bf3a00); background: -webkit-linear-gradient(top, #0186bf, #bf3a00); background: -o-linear-gradient(top, #0186bf, #bf3a00); background: -ms-linear-gradient(top, #0186bf, #bf3a00); background: linear-gradient(top, #0186bf, #bf3a00); color: #fff">
#0186bf
linear gradient to complementary #bf3a00
</p>
#0186bf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0186bf">#0186bf text shadow</p>
The matching paint colors are listed in order of relevancy to the #0186bf
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 #0186bf
.
Jump to paint brand: