#0068d2
Hex Color CodeThe hexadecimal color code #0068d2
is a shade of cyan-blue. In the RGB color model #0068d2
is comprised of 0% red, 40.78% green and 82.35% blue. In the HSL color space #0068d2
has a hue of 210.29 degrees, 100% saturation and 41.18% lightness. This color has an approximate wavelength of 488 nm.
#0068d2
Color InformationInverted
#ff972d 25% Saturated
#0067d2 Grayscale
#696969
25% Lighter
#0782ff Original
#0068d2 25% Darker
#004d9d
royalblue
#4169e1 25% Desaturated
#1a68b7 Web Safe: blue
#0000ff
rgb(0, 104, 210)
rgba(0, 104, 210, 1.0)
red: 0%, yellow: 27.2761%, blue: 82.3529%
#0068d2
26834
-16750382 / 0xff0068d2
hsl(210, 100%, 41%)
hsla(210, 100%, 41%, 1.0)
hue: 210 (210.2857), saturation: 100 (100), value: 82 (82.3529)
X: 16.5832, Y: 14.5538, Z: 62.9079
x: 0.1763, y: 0.1548, Y: 14.5538
L: 45.0169, a: 16.3877, b: -61.3742
L: 45.0169, u: -24.1415, v: -93.1259
L: 45.0169, C: 63.5244, H: 284.9499
L: 38.1494, a: 10.8307, b: -71.0639
cyan: 100 (1), magenta: 50 (0.5048), yellow: 0 (0), key: 18 (0.1765)
cyan: 100 (1), magenta: 59 (0.5922), yellow: 18 (0.1765)
Y: 84.988, I: -96.0083, Q: 10.9889
Y: 84.988, U: 61.5186, V: -74.5611
Y: 84.988, Db: 188.098, Dr: 161.634
Y: 88.996, Cb: 189.926, Cr: 74.818
Y: 89.48, Pb: 64.96, Pr: -56.876
5PB 4/14 (approximate)
#0068d2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0068d2
to White#0068d2
to Black#0068d2
foreground
<p style="color: #0068d2">#0068d2 foreground</p>
#0068d2
background
<p style="background-color: #0068d2; color: #fff">#0068d2 background</p>
#0068d2
border
<p style="border: #0068d2 3px solid">#0068d2 border</p>
#0068d2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0068d2, #fff); background: -webkit-radial-gradient(50% 50%, #0068d2, #fff); background: -o-radial-gradient(50% 50%, #0068d2, #fff); background: -ms-radial-gradient(50% 50%, #0068d2, #fff); background: radial-gradient(50% 50%, #0068d2, #fff); color: #fff">#0068d2 radial gradient</p>
#0068d2
linear gradient to complementary #d26a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0068d2, #d26a00); background: -webkit-linear-gradient(top, #0068d2, #d26a00); background: -o-linear-gradient(top, #0068d2, #d26a00); background: -ms-linear-gradient(top, #0068d2, #d26a00); background: linear-gradient(top, #0068d2, #d26a00); color: #fff">
#0068d2
linear gradient to complementary #d26a00
</p>
#0068d2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0068d2">#0068d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0068d2
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 #0068d2
.
Jump to paint brand: