#006fb8
Hex Color CodeThe hexadecimal color code #006fb8
is a medium dark shade of cyan-blue. In the RGB color model #006fb8
is comprised of 0% red, 43.53% green and 72.16% blue. In the HSL color space #006fb8
has a hue of 203.8 degrees, 100% saturation and 36.08% lightness. This color has an approximate wavelength of 492 nm.
#006fb8
Color InformationInverted
#ff9047 25% Saturated
#006eb8 Grayscale
#5c5c5c
25% Lighter
#008ae5 Original
#006fb8 25% Darker
#00538a
steelblue
#4682b4 25% Desaturated
#176aa1 Web Safe: blue
#0000ff
rgb(0, 111, 184)
rgba(0, 111, 184, 1.0)
red: 0%, yellow: 27.1505%, blue: 72.1569%
#006fb8
28600
-16748616 / 0xff006fb8
hsl(204, 100%, 36%)
hsla(204, 100%, 36%, 1.0)
hue: 204 (203.8043), saturation: 100 (100), value: 72 (72.1569)
X: 14.3362, Y: 14.8296, Z: 47.4542
x: 0.1871, y: 0.1935, Y: 14.8296
L: 45.3999, a: 1.5005, b: -45.7739
L: 45.3999, u: -27.4982, v: -68.649
L: 45.3999, C: 45.7984, H: 271.8775
L: 38.5092, a: -0.9392, b: -46.1056
cyan: 100 (1), magenta: 40 (0.3967), yellow: 0 (0), key: 28 (0.2784)
cyan: 100 (1), magenta: 56 (0.5647), yellow: 28 (0.2784)
Y: 86.133, I: -89.5767, Q: -0.7588
Y: 86.133, U: 48.1605, V: -75.5657
Y: 86.133, Db: 147.259, Dr: 163.804
Y: 89.976, Cb: 176.475, Cr: 74.088
Y: 92.613, Pb: 49.265, Pr: -58.858
2.5PB 4/10 (approximate)
#006fb8
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#006fb8
to White#006fb8
to Black#006fb8
foreground
<p style="color: #006fb8">#006fb8 foreground</p>
#006fb8
background
<p style="background-color: #006fb8; color: #fff">#006fb8 background</p>
#006fb8
border
<p style="border: #006fb8 3px solid">#006fb8 border</p>
#006fb8
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #006fb8, #fff); background: -webkit-radial-gradient(50% 50%, #006fb8, #fff); background: -o-radial-gradient(50% 50%, #006fb8, #fff); background: -ms-radial-gradient(50% 50%, #006fb8, #fff); background: radial-gradient(50% 50%, #006fb8, #fff); color: #fff">#006fb8 radial gradient</p>
#006fb8
linear gradient to complementary #b84900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #006fb8, #b84900); background: -webkit-linear-gradient(top, #006fb8, #b84900); background: -o-linear-gradient(top, #006fb8, #b84900); background: -ms-linear-gradient(top, #006fb8, #b84900); background: linear-gradient(top, #006fb8, #b84900); color: #fff">
#006fb8
linear gradient to complementary #b84900
</p>
#006fb8
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #006fb8">#006fb8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #006fb8
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 #006fb8
.
Jump to paint brand: