Color Charts
RGB
CMYK
RYB
#0060d8 Hex Color CodeThe hexadecimal color code #0060d8 is a shade of cyan-blue. In the RGB color model #0060d8 is comprised of 0% red, 37.65% green and 84.71% blue. In the HSL color space #0060d8 has a hue of 213.33 degrees, 100% saturation and 42.35% lightness. This color has an approximate wavelength of 486 nm.
#0060d8 Color InformationInverted
#ff9f27 25% Saturated
#0060d8 Grayscale
#6c6c6c
25% Lighter
#0f79fe Original
#0060d8 25% Darker
#0047a2
royalblue
#4169e1 25% Desaturated
#1a63bd Web Safe: blue
#0000ff
rgb(0, 96, 216)
rgba(0, 96, 216, 1.0)
red: 0%, yellow: 26.0633%, blue: 84.7059%
#0060d8
24792
-16752424 / 0xff0060d8
hsl(213, 100%, 42%)
hsla(213, 100%, 42%, 1.0)
hue: 213 (213.3333), saturation: 100 (100), value: 85 (84.7059)
X: 16.5775, Y: 13.3236, Z: 66.6637
x: 0.1717, y: 0.138, Y: 13.3236
L: 43.2469, a: 23.9854, b: -67.6772
L: 43.2469, u: -21.7025, v: -101.4101
L: 43.2469, C: 71.8018, H: 289.5148
L: 36.5015, a: 17.1899, b: -82.7319
cyan: 100 (1), magenta: 56 (0.5556), yellow: 0 (0), key: 15 (0.1529)
cyan: 100 (1), magenta: 62 (0.6235), yellow: 15 (0.1529)
Y: 80.976, I: -95.7403, Q: 17.0364
Y: 80.976, U: 66.4454, V: -71.0412
Y: 80.976, Db: 203.16, Dr: 154.008
Y: 85.552, Cb: 194.888, Cr: 77.336
Y: 84.192, Pb: 71.04, Pr: -53.52
5PB 4/16 (approximate)
#0060d8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0060d8 to White#0060d8 to Black#0060d8 foreground
<p style="color: #0060d8">#0060d8 foreground</p>
#0060d8 background
<p style="background-color: #0060d8; color: #fff">#0060d8 background</p>
#0060d8 border
<p style="border: #0060d8 3px solid">#0060d8 border</p>
#0060d8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0060d8, #fff); background: -webkit-radial-gradient(50% 50%, #0060d8, #fff); background: -o-radial-gradient(50% 50%, #0060d8, #fff); background: -ms-radial-gradient(50% 50%, #0060d8, #fff); background: radial-gradient(50% 50%, #0060d8, #fff); color: #fff">#0060d8 radial gradient</p>
#0060d8 linear gradient to complementary #d87700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0060d8, #d87700); background: -webkit-linear-gradient(top, #0060d8, #d87700); background: -o-linear-gradient(top, #0060d8, #d87700); background: -ms-linear-gradient(top, #0060d8, #d87700); background: linear-gradient(top, #0060d8, #d87700); color: #fff">#0060d8 linear gradient to complementary #d87700</p>
#0060d8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0060d8">#0060d8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0060d8 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 #0060d8.
Jump to paint brand: