#006be2
Hex Color CodeThe hexadecimal color code #006be2
is a shade of cyan-blue. In the RGB color model #006be2
is comprised of 0% red, 41.96% green and 88.63% blue. In the HSL color space #006be2
has a hue of 211.59 degrees, 100% saturation and 44.31% lightness. This color has an approximate wavelength of 487 nm.
#006be2
Color InformationInverted
#ff941d 25% Saturated
#006be2 Grayscale
#717171
25% Lighter
#1b87ff Original
#006be2 25% Darker
#0050a9
royalblue
#4169e1 25% Desaturated
#1c6cc5 Web Safe: blue
#0000ff
rgb(0, 107, 226)
rgba(0, 107, 226, 1.0)
red: 0%, yellow: 28.4779%, blue: 88.6275%
#006be2
27618
-16749598 / 0xff006be2
hsl(212, 100%, 44%)
hsla(212, 100%, 44%, 1.0)
hue: 212 (211.5929), saturation: 100 (100), value: 89 (88.6275)
X: 18.9852, Y: 16.0064, Z: 74.0404
x: 0.1741, y: 0.1468, Y: 16.0064
L: 46.9829, a: 20.7996, b: -67.282
L: 46.9829, u: -24.4466, v: -103.2008
L: 46.9829, C: 70.4237, H: 287.1785
L: 40.008, a: 14.6905, b: -81.719
cyan: 100 (1), magenta: 53 (0.5265), yellow: 0 (0), key: 11 (0.1137)
cyan: 100 (1), magenta: 58 (0.5804), yellow: 11 (0.1137)
Y: 88.573, I: -101.9719, Q: 14.3993
Y: 88.573, U: 67.628, V: -77.7062
Y: 88.573, Db: 206.777, Dr: 168.454
Y: 92.076, Cb: 196.077, Cr: 72.578
Y: 92.777, Pb: 71.805, Pr: -58.974
5PB 4/16 (approximate)
#006be2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#006be2
to White#006be2
to Black#006be2
foreground
<p style="color: #006be2">#006be2 foreground</p>
#006be2
background
<p style="background-color: #006be2; color: #fff">#006be2 background</p>
#006be2
border
<p style="border: #006be2 3px solid">#006be2 border</p>
#006be2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #006be2, #fff); background: -webkit-radial-gradient(50% 50%, #006be2, #fff); background: -o-radial-gradient(50% 50%, #006be2, #fff); background: -ms-radial-gradient(50% 50%, #006be2, #fff); background: radial-gradient(50% 50%, #006be2, #fff); color: #fff">#006be2 radial gradient</p>
#006be2
linear gradient to complementary #e27600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #006be2, #e27600); background: -webkit-linear-gradient(top, #006be2, #e27600); background: -o-linear-gradient(top, #006be2, #e27600); background: -ms-linear-gradient(top, #006be2, #e27600); background: linear-gradient(top, #006be2, #e27600); color: #fff">
#006be2
linear gradient to complementary #e27600
</p>
#006be2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #006be2">#006be2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #006be2
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 #006be2
.
Jump to paint brand: