Color Charts
RGB
CMYK
RYB
#0196bc Hex Color CodeThe hexadecimal color code #0196bc is a medium dark shade of cyan. In the RGB color model #0196bc is comprised of 0.39% red, 58.82% green and 73.73% blue. In the HSL color space #0196bc has a hue of 192.19 degrees, 98.94% saturation and 37.06% lightness. This color has an approximate wavelength of 499 nm.
#0196bc Color InformationInverted
#fe6943 25% Saturated
#0096bd Grayscale
#5e5e5e
25% Lighter
#01bbeb Original
#0196bc 25% Darker
#00708d
steelblue
#4682b4 25% Desaturated
#1888a4 Web Safe: teal
#008080
rgb(1, 150, 188)
rgba(1, 150, 188, 1.0)
red: 0.3922%, yellow: 32.912%, blue: 73.7255%
#0196bc
104124
-16673092 / 0xff0196bc
hsl(192, 99%, 37%)
hsla(192, 99%, 37%, 1.0)
hue: 192 (192.1925), saturation: 99 (99.4681), value: 74 (73.7255)
X: 19.996, Y: 25.45, Z: 51.4354
x: 0.2064, y: 0.2627, Y: 25.45
L: 57.5113, a: -19.4837, b: -29.0193
L: 57.5113, u: -40.371, v: -42.1781
L: 57.5113, C: 34.9534, H: 236.1224
L: 50.448, a: -17.5323, b: -25.1369
cyan: 99 (0.9947), magenta: 20 (0.2021), yellow: 0 (0), key: 26 (0.2627)
cyan: 100 (0.9961), magenta: 41 (0.4118), yellow: 26 (0.2627)
Y: 109.781, I: -100.9697, Q: -19.6838
Y: 109.781, U: 38.4919, V: -95.4354
Y: 109.781, Db: 117.704, Dr: 206.863
Y: 110.281, Cb: 166.734, Cr: 59.891
Y: 120.999, Pb: 36.135, Pr: -76.248
5B 6/8 approximate; exact match: Munsell 5B 6/8 / #18a1c9
#0196bc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0196bc to White#0196bc to Black#0196bc foreground
<p style="color: #0196bc">#0196bc foreground</p>
#0196bc background
<p style="background-color: #0196bc; color: #fff">#0196bc background</p>
#0196bc border
<p style="border: #0196bc 3px solid">#0196bc border</p>
#0196bc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0196bc, #fff); background: -webkit-radial-gradient(50% 50%, #0196bc, #fff); background: -o-radial-gradient(50% 50%, #0196bc, #fff); background: -ms-radial-gradient(50% 50%, #0196bc, #fff); background: radial-gradient(50% 50%, #0196bc, #fff); color: #fff">#0196bc radial gradient</p>
#0196bc linear gradient to complementary #bc2600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0196bc, #bc2600); background: -webkit-linear-gradient(top, #0196bc, #bc2600); background: -o-linear-gradient(top, #0196bc, #bc2600); background: -ms-linear-gradient(top, #0196bc, #bc2600); background: linear-gradient(top, #0196bc, #bc2600); color: #fff">#0196bc linear gradient to complementary #bc2600</p>
#0196bc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0196bc">#0196bc text shadow</p>
The matching paint colors are listed in order of relevancy to the #0196bc 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 #0196bc.
Jump to paint brand: