Color Charts
RGB
CMYK
RYB
#006bd8 Hex Color CodeThe hexadecimal color code #006bd8 is a shade of cyan-blue. In the RGB color model #006bd8 is comprised of 0% red, 41.96% green and 84.71% blue. In the HSL color space #006bd8 has a hue of 210.28 degrees, 100% saturation and 42.35% lightness. This color has an approximate wavelength of 488 nm.
#006bd8 Color InformationInverted
#ff9427 25% Saturated
#006ad8 Grayscale
#6c6c6c
25% Lighter
#0f85fe Original
#006bd8 25% Darker
#0050a2
royalblue
#4169e1 25% Desaturated
#1a6bbd Web Safe: blue
#0000ff
rgb(0, 107, 216)
rgba(0, 107, 216, 1.0)
red: 0%, yellow: 28.0605%, blue: 84.7059%
#006bd8
27608
-16749608 / 0xff006bd8
hsl(210, 100%, 42%)
hsla(210, 100%, 42%, 1.0)
hue: 210 (210.2778), saturation: 100 (100), value: 85 (84.7059)
X: 17.6524, Y: 15.4733, Z: 67.022
x: 0.1763, y: 0.1545, Y: 15.4733
L: 46.2757, a: 16.8416, b: -62.7587
L: 46.2757, u: -24.7939, v: -95.9118
L: 46.2757, C: 64.9792, H: 285.0217
L: 39.3361, a: 11.2652, b: -73.4849
cyan: 100 (1), magenta: 50 (0.5046), yellow: 0 (0), key: 15 (0.1529)
cyan: 100 (1), magenta: 58 (0.5804), yellow: 15 (0.1529)
Y: 87.433, I: -98.7593, Q: 11.2879
Y: 87.433, U: 63.268, V: -76.7061
Y: 87.433, Db: 193.447, Dr: 166.284
Y: 91.096, Cb: 191.687, Cr: 73.288
Y: 92.057, Pb: 66.805, Pr: -58.514
5PB 4/14 (approximate)
#006bd8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#006bd8 to White#006bd8 to Black#006bd8 foreground
<p style="color: #006bd8">#006bd8 foreground</p>
#006bd8 background
<p style="background-color: #006bd8; color: #fff">#006bd8 background</p>
#006bd8 border
<p style="border: #006bd8 3px solid">#006bd8 border</p>
#006bd8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #006bd8, #fff); background: -webkit-radial-gradient(50% 50%, #006bd8, #fff); background: -o-radial-gradient(50% 50%, #006bd8, #fff); background: -ms-radial-gradient(50% 50%, #006bd8, #fff); background: radial-gradient(50% 50%, #006bd8, #fff); color: #fff">#006bd8 radial gradient</p>
#006bd8 linear gradient to complementary #d86c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #006bd8, #d86c00); background: -webkit-linear-gradient(top, #006bd8, #d86c00); background: -o-linear-gradient(top, #006bd8, #d86c00); background: -ms-linear-gradient(top, #006bd8, #d86c00); background: linear-gradient(top, #006bd8, #d86c00); color: #fff">#006bd8 linear gradient to complementary #d86c00</p>
#006bd8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #006bd8">#006bd8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #006bd8 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 #006bd8.
Jump to paint brand: