#008dcc
Hex Color CodeThe hexadecimal color code #008dcc
is a medium dark shade of cyan. In the RGB color model #008dcc
is comprised of 0% red, 55.29% green and 80% blue. In the HSL color space #008dcc
has a hue of 198.53 degrees, 100% saturation and 40% lightness. This color has an approximate wavelength of 495 nm.
#008dcc
Color InformationInverted
#ff7233 25% Saturated
#008dcc Grayscale
#666666
25% Lighter
#00b0ff Original
#008dcc 25% Darker
#006999
steelblue
#4682b4 25% Desaturated
#1983b2 Web Safe: teal
#008080
rgb(0, 141, 204)
rgba(0, 141, 204, 1.0)
red: 0%, yellow: 32.6957%, blue: 80%
#008dcc
36300
-16740916 / 0xff008dcc
hsl(199, 100%, 40%)
hsla(199, 100%, 40%, 1.0)
hue: 199 (198.5294), saturation: 100 (100), value: 80 (80)
X: 20.424, Y: 23.4094, Z: 60.5687
x: 0.1956, y: 0.2242, Y: 23.4094
L: 55.4915, a: -8.6713, b: -41.2237
L: 55.4915, u: -36.1994, v: -63.1493
L: 55.4915, C: 42.1258, H: 258.1211
L: 48.3832, a: -9.3207, b: -40.3541
cyan: 100 (1), magenta: 31 (0.3088), yellow: 0 (0), key: 20 (0.2)
cyan: 100 (1), magenta: 45 (0.4471), yellow: 20 (0.2)
Y: 106.023, I: -104.2355, Q: -10.2138
Y: 106.023, U: 48.2147, V: -93.0156
Y: 106.023, Db: 147.429, Dr: 201.624
Y: 107.056, Cb: 176.525, Cr: 61.628
Y: 115.503, Pb: 47.715, Pr: -73.398
10B 5/10 (approximate)
#008dcc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#008dcc
to White#008dcc
to Black#008dcc
foreground
<p style="color: #008dcc">#008dcc foreground</p>
#008dcc
background
<p style="background-color: #008dcc; color: #fff">#008dcc background</p>
#008dcc
border
<p style="border: #008dcc 3px solid">#008dcc border</p>
#008dcc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #008dcc, #fff); background: -webkit-radial-gradient(50% 50%, #008dcc, #fff); background: -o-radial-gradient(50% 50%, #008dcc, #fff); background: -ms-radial-gradient(50% 50%, #008dcc, #fff); background: radial-gradient(50% 50%, #008dcc, #fff); color: #fff">#008dcc radial gradient</p>
#008dcc
linear gradient to complementary #cc3e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #008dcc, #cc3e00); background: -webkit-linear-gradient(top, #008dcc, #cc3e00); background: -o-linear-gradient(top, #008dcc, #cc3e00); background: -ms-linear-gradient(top, #008dcc, #cc3e00); background: linear-gradient(top, #008dcc, #cc3e00); color: #fff">
#008dcc
linear gradient to complementary #cc3e00
</p>
#008dcc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #008dcc">#008dcc text shadow</p>
The matching paint colors are listed in order of relevancy to the #008dcc
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 #008dcc
.
Jump to paint brand: