#0068aa
Hex Color CodeThe hexadecimal color code #0068aa
is a medium dark shade of cyan-blue. In the RGB color model #0068aa
is comprised of 0% red, 40.78% green and 66.67% blue. In the HSL color space #0068aa
has a hue of 203.29 degrees, 100% saturation and 33.33% lightness. This color has an approximate wavelength of 492 nm.
#0068aa
Color InformationInverted
#ff9755 25% Saturated
#0067a9 Grayscale
#545454
25% Lighter
#0081d4 Original
#0068aa 25% Darker
#004d7f
steelblue
#4682b4 25% Desaturated
#156394 Web Safe: blue
#0000ff
rgb(0, 104, 170)
rgba(0, 104, 170, 1.0)
red: 0%, yellow: 25.3041%, blue: 66.6667%
#0068aa
26794
-16750422 / 0xff0068aa
hsl(203, 100%, 33%)
hsla(203, 100%, 33%, 1.0)
hue: 203 (203.2941), saturation: 100 (100), value: 67 (66.6667)
X: 12.206, Y: 12.8029, Z: 39.8581
x: 0.1882, y: 0.1974, Y: 12.8029
L: 42.4648, a: 0.2568, b: -42.2688
L: 42.4648, u: -25.9826, v: -62.1083
L: 42.4648, C: 42.2695, H: 270.348
L: 35.7812, a: -1.7254, b: -40.9988
cyan: 100 (1), magenta: 39 (0.3882), yellow: 0 (0), key: 33 (0.3333)
cyan: 100 (1), magenta: 59 (0.5922), yellow: 33 (0.3333)
Y: 80.428, I: -83.1578, Q: -1.4565
Y: 80.428, U: 44.0786, V: -70.5607
Y: 80.428, Db: 134.778, Dr: 152.954
Y: 85.076, Cb: 172.366, Cr: 77.658
Y: 86.6, Pb: 44.96, Pr: -55.036
2.5PB 4/10 (approximate)
#0068aa
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0068aa
to White#0068aa
to Black#0068aa
foreground
<p style="color: #0068aa">#0068aa foreground</p>
#0068aa
background
<p style="background-color: #0068aa; color: #fff">#0068aa background</p>
#0068aa
border
<p style="border: #0068aa 3px solid">#0068aa border</p>
#0068aa
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0068aa, #fff); background: -webkit-radial-gradient(50% 50%, #0068aa, #fff); background: -o-radial-gradient(50% 50%, #0068aa, #fff); background: -ms-radial-gradient(50% 50%, #0068aa, #fff); background: radial-gradient(50% 50%, #0068aa, #fff); color: #fff">#0068aa radial gradient</p>
#0068aa
linear gradient to complementary #a94100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0068aa, #a94100); background: -webkit-linear-gradient(top, #0068aa, #a94100); background: -o-linear-gradient(top, #0068aa, #a94100); background: -ms-linear-gradient(top, #0068aa, #a94100); background: linear-gradient(top, #0068aa, #a94100); color: #fff">
#0068aa
linear gradient to complementary #a94100
</p>
#0068aa
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0068aa">#0068aa text shadow</p>
The matching paint colors are listed in order of relevancy to the #0068aa
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 #0068aa
.
Jump to paint brand: