#017ed3
Hex Color CodeThe hexadecimal color code #017ed3
is a shade of cyan-blue. In the RGB color model #017ed3
is comprised of 0.39% red, 49.41% green and 82.75% blue. In the HSL color space #017ed3
has a hue of 204.29 degrees, 99.06% saturation and 41.57% lightness. This color has an approximate wavelength of 491 nm.
#017ed3
Color InformationInverted
#fe812c 25% Saturated
#007ed3 Grayscale
#696969
25% Lighter
#0b9bfd Original
#017ed3 25% Darker
#005e9e
dodgerblue
#1e90ff 25% Desaturated
#1b78b8 Web Safe: blue
#0000ff
rgb(1, 126, 211)
rgba(1, 126, 211, 1.0)
red: 0.3922%, yellow: 31.1209%, blue: 82.7451%
#017ed3
98003
-16679213 / 0xff017ed3
hsl(204, 99%, 42%)
hsla(204, 99%, 42%, 1.0)
hue: 204 (204.2857), saturation: 100 (99.5261), value: 83 (82.7451)
X: 19.2312, Y: 19.6313, Z: 64.4036
x: 0.1862, y: 0.1901, Y: 19.6313
L: 51.4178, a: 2.941, b: -51.6481
L: 51.4178, u: -30.8064, v: -80.072
L: 51.4178, C: 51.7317, H: 273.2591
L: 44.3072, a: -0.061, b: -55.1671
cyan: 100 (0.9953), magenta: 40 (0.4028), yellow: 0 (0), key: 17 (0.1725)
cyan: 100 (0.9961), magenta: 51 (0.5059), yellow: 17 (0.1725)
Y: 98.315, I: -101.7719, Q: 0.0145
Y: 98.315, U: 55.4525, V: -85.3758
Y: 98.315, Db: 169.555, Dr: 185.07
Y: 100.439, Cb: 183.815, Cr: 67.09
Y: 105.495, Pb: 56.875, Pr: -66.41
2.5PB 5/12 (approximate)
#017ed3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#017ed3
to White#017ed3
to Black#017ed3
foreground
<p style="color: #017ed3">#017ed3 foreground</p>
#017ed3
background
<p style="background-color: #017ed3; color: #fff">#017ed3 background</p>
#017ed3
border
<p style="border: #017ed3 3px solid">#017ed3 border</p>
#017ed3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #017ed3, #fff); background: -webkit-radial-gradient(50% 50%, #017ed3, #fff); background: -o-radial-gradient(50% 50%, #017ed3, #fff); background: -ms-radial-gradient(50% 50%, #017ed3, #fff); background: radial-gradient(50% 50%, #017ed3, #fff); color: #fff">#017ed3 radial gradient</p>
#017ed3
linear gradient to complementary #d25501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #017ed3, #d25501); background: -webkit-linear-gradient(top, #017ed3, #d25501); background: -o-linear-gradient(top, #017ed3, #d25501); background: -ms-linear-gradient(top, #017ed3, #d25501); background: linear-gradient(top, #017ed3, #d25501); color: #fff">
#017ed3
linear gradient to complementary #d25501
</p>
#017ed3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #017ed3">#017ed3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #017ed3
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 #017ed3
.
Jump to paint brand: