#006fff
Hex Color CodeThe hexadecimal color code #006fff
is a shade of cyan-blue. In the RGB color model #006fff
is comprised of 0% red, 43.53% green and 100% blue. In the HSL color space #006fff
has a hue of 213.88 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 485 nm.
#006fff
Color InformationInverted
#ff9000 25% Saturated
#006eff Grayscale
#7f7f7f
25% Lighter
#3f92ff Original
#006fff 25% Darker
#0053bf
royalblue
#4169e1 25% Desaturated
#1f73df Web Safe: blue
#0000ff
rgb(0, 111, 255)
rgba(0, 111, 255, 1.0)
red: 0%, yellow: 30.3279%, blue: 100%
#006fff
28671
-16748545 / 0xff006fff
hsl(214, 100%, 50%)
hsla(214, 100%, 50%, 1.0)
hue: 214 (213.8824), saturation: 100 (100), value: 100 (100)
X: 23.7344, Y: 18.5889, Z: 96.9448
x: 0.1704, y: 0.1335, Y: 18.5889
L: 50.2027, a: 29.5031, b: -78.2632
L: 50.2027, u: -24.7028, v: -121.653
L: 50.2027, C: 83.6395, H: 290.6551
L: 43.1148, a: 22.8122, b: -103.1348
cyan: 100 (1), magenta: 56 (0.5647), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 56 (0.5647), yellow: 0 (0)
Y: 94.227, I: -112.3863, Q: 21.3318
Y: 94.227, U: 79.1165, V: -82.6664
Y: 94.227, Db: 241.902, Dr: 179.211
Y: 96.934, Cb: 207.644, Cr: 69.047
Y: 97.725, Pb: 84.765, Pr: -62.124
7.5PB 5/18 (approximate)
#006fff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#006fff
to White#006fff
to Black#006fff
foreground
<p style="color: #006fff">#006fff foreground</p>
#006fff
background
<p style="background-color: #006fff; color: #fff">#006fff background</p>
#006fff
border
<p style="border: #006fff 3px solid">#006fff border</p>
#006fff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #006fff, #fff); background: -webkit-radial-gradient(50% 50%, #006fff, #fff); background: -o-radial-gradient(50% 50%, #006fff, #fff); background: -ms-radial-gradient(50% 50%, #006fff, #fff); background: radial-gradient(50% 50%, #006fff, #fff); color: #fff">#006fff radial gradient</p>
#006fff
linear gradient to complementary #ff8f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #006fff, #ff8f00); background: -webkit-linear-gradient(top, #006fff, #ff8f00); background: -o-linear-gradient(top, #006fff, #ff8f00); background: -ms-linear-gradient(top, #006fff, #ff8f00); background: linear-gradient(top, #006fff, #ff8f00); color: #fff">
#006fff
linear gradient to complementary #ff8f00
</p>
#006fff
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #006fff">#006fff text shadow</p>
The matching paint colors are listed in order of relevancy to the #006fff
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 #006fff
.
Jump to paint brand: