Color Charts
RGB
CMYK
RYB
#0060fd Hex Color CodeThe hexadecimal color code #0060fd is a shade of cyan-blue. In the RGB color model #0060fd is comprised of 0% red, 37.65% green and 99.22% blue. In the HSL color space #0060fd has a hue of 217.23 degrees, 100% saturation and 49.61% lightness. This color has an approximate wavelength of 483 nm.
#0060fd Color InformationInverted
#ff9f02 25% Saturated
#005ffd Grayscale
#7e7e7e
25% Lighter
#3d86ff Original
#0060fd 25% Darker
#0047bd
royalblue
#4169e1 25% Desaturated
#1f67dd Web Safe: blue
#0000ff
rgb(0, 96, 253)
rgba(0, 96, 253, 1.0)
red: 0%, yellow: 27.2914%, blue: 99.2157%
#0060fd
24829
-16752387 / 0xff0060fd
hsl(217, 100%, 50%)
hsla(217, 100%, 50%, 1.0)
hue: 217 (217.2332), saturation: 100 (100), value: 99 (99.2157)
X: 21.9125, Y: 15.4576, Z: 94.7572
x: 0.1658, y: 0.117, Y: 15.4576
L: 46.2547, a: 38.2484, b: -83.6119
L: 46.2547, u: -21.0075, v: -126.14
L: 46.2547, C: 91.945, H: 294.5818
L: 39.3161, a: 30.6821, b: -115.3756
cyan: 100 (1), magenta: 62 (0.6206), yellow: 0 (0), key: 1 (0.0078)
cyan: 100 (1), magenta: 62 (0.6235), yellow: 1 (0.0078)
Y: 85.194, I: -107.627, Q: 28.5484
Y: 85.194, U: 82.5774, V: -74.7416
Y: 85.194, Db: 252.481, Dr: 162.037
Y: 89.178, Cb: 211.131, Cr: 74.709
Y: 86.856, Pb: 89.54, Pr: -55.222
7.5PB 5/20 (approximate)
#0060fd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0060fd to White#0060fd to Black#0060fd foreground
<p style="color: #0060fd">#0060fd foreground</p>
#0060fd background
<p style="background-color: #0060fd; color: #fff">#0060fd background</p>
#0060fd border
<p style="border: #0060fd 3px solid">#0060fd border</p>
#0060fd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0060fd, #fff); background: -webkit-radial-gradient(50% 50%, #0060fd, #fff); background: -o-radial-gradient(50% 50%, #0060fd, #fff); background: -ms-radial-gradient(50% 50%, #0060fd, #fff); background: radial-gradient(50% 50%, #0060fd, #fff); color: #fff">#0060fd radial gradient</p>
#0060fd linear gradient to complementary #fd9c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0060fd, #fd9c00); background: -webkit-linear-gradient(top, #0060fd, #fd9c00); background: -o-linear-gradient(top, #0060fd, #fd9c00); background: -ms-linear-gradient(top, #0060fd, #fd9c00); background: linear-gradient(top, #0060fd, #fd9c00); color: #fff">#0060fd linear gradient to complementary #fd9c00</p>
#0060fd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0060fd">#0060fd text shadow</p>
The matching paint colors are listed in order of relevancy to the #0060fd 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 #0060fd.
Jump to paint brand: