Color Charts
RGB
CMYK
RYB
#0066d8 Hex Color CodeThe hexadecimal color code #0066d8 is a shade of cyan-blue. In the RGB color model #0066d8 is comprised of 0% red, 40% green and 84.71% blue. In the HSL color space #0066d8 has a hue of 211.67 degrees, 100% saturation and 42.35% lightness. This color has an approximate wavelength of 487 nm.
#0066d8 Color InformationInverted
#ff9927 25% Saturated
#0066d8 Grayscale
#6c6c6c
25% Lighter
#0f80fe Original
#0066d8 25% Darker
#004ca2
royalblue
#4169e1 25% Desaturated
#1a67bd Web Safe: blue
#0000ff
rgb(0, 102, 216)
rgba(0, 102, 216, 1.0)
red: 0%, yellow: 27.1698%, blue: 84.7059%
#0066d8
26328
-16750888 / 0xff0066d8
hsl(212, 100%, 42%)
hsla(212, 100%, 42%, 1.0)
hue: 212 (211.6667), saturation: 100 (100), value: 85 (84.7059)
X: 17.146, Y: 14.4606, Z: 66.8532
x: 0.1741, y: 0.1469, Y: 14.4606
L: 44.8864, a: 20.076, b: -65.0111
L: 44.8864, u: -23.3616, v: -98.549
L: 44.8864, C: 68.0404, H: 287.1612
L: 38.0271, a: 13.9364, b: -77.6153
cyan: 100 (1), magenta: 53 (0.5278), yellow: 0 (0), key: 15 (0.1529)
cyan: 100 (1), magenta: 60 (0.6), yellow: 15 (0.1529)
Y: 84.498, I: -97.387, Q: 13.9009
Y: 84.498, U: 64.7123, V: -74.1311
Y: 84.498, Db: 197.862, Dr: 160.704
Y: 88.576, Cb: 193.142, Cr: 75.128
Y: 88.482, Pb: 68.73, Pr: -56.244
5PB 4/16 (approximate)
#0066d8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0066d8 to White#0066d8 to Black#0066d8 foreground
<p style="color: #0066d8">#0066d8 foreground</p>
#0066d8 background
<p style="background-color: #0066d8; color: #fff">#0066d8 background</p>
#0066d8 border
<p style="border: #0066d8 3px solid">#0066d8 border</p>
#0066d8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0066d8, #fff); background: -webkit-radial-gradient(50% 50%, #0066d8, #fff); background: -o-radial-gradient(50% 50%, #0066d8, #fff); background: -ms-radial-gradient(50% 50%, #0066d8, #fff); background: radial-gradient(50% 50%, #0066d8, #fff); color: #fff">#0066d8 radial gradient</p>
#0066d8 linear gradient to complementary #d87100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0066d8, #d87100); background: -webkit-linear-gradient(top, #0066d8, #d87100); background: -o-linear-gradient(top, #0066d8, #d87100); background: -ms-linear-gradient(top, #0066d8, #d87100); background: linear-gradient(top, #0066d8, #d87100); color: #fff">#0066d8 linear gradient to complementary #d87100</p>
#0066d8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0066d8">#0066d8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0066d8 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 #0066d8.
Jump to paint brand: