#1c7ecf
Hex Color CodeThe hexadecimal color code #1c7ecf
is a shade of cyan-blue. In the RGB color model #1c7ecf
is comprised of 10.98% red, 49.41% green and 81.18% blue. In the HSL color space #1c7ecf
has a hue of 207.15 degrees, 76.17% saturation and 46.08% lightness. This color has an approximate wavelength of 490 nm.
#1c7ecf
Color InformationInverted
#e38130 25% Saturated
#0580e5 Grayscale
#757575
25% Lighter
#409ae5 Original
#1c7ecf 25% Darker
#155e9b
steelblue
#4682b4 25% Desaturated
#327bb8 Web Safe: blue
#0000ff
rgb(28, 126, 207)
rgba(28, 126, 207, 1.0)
red: 10.9804%, yellow: 35.8151%, blue: 81.1765%
#1c7ecf
1867471
-14909745 / 0xff1c7ecf
hsl(207, 76%, 46%)
hsla(207, 76%, 46%, 1.0)
hue: 207 (207.1508), saturation: 86 (86.4734), value: 81 (81.1765)
X: 19.2022, Y: 19.6736, Z: 61.8168
x: 0.1907, y: 0.1954, Y: 19.6736
L: 51.4661, a: 2.5849, b: -49.2861
L: 51.4661, u: -29.537, v: -76.299
L: 51.4661, C: 49.3539, H: 273.0022
L: 44.3549, a: -0.3445, b: -51.5832
cyan: 86 (0.8647), magenta: 39 (0.3913), yellow: 0 (0), key: 19 (0.1882)
cyan: 89 (0.8902), magenta: 51 (0.5059), yellow: 19 (0.1882)
Y: 105.932, I: -84.4025, Q: 4.4792
Y: 105.932, U: 49.736, V: -68.3708
Y: 105.932, Db: 152.073, Dr: 148.211
Y: 106.986, Cb: 178.063, Cr: 79.227
Y: 110.958, Pb: 51.77, Pr: -52.726
2.5PB 5/12 (approximate)
#1c7ecf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#1c7ecf
to White#1c7ecf
to Black#1c7ecf
foreground
<p style="color: #1c7ecf">#1c7ecf foreground</p>
#1c7ecf
background
<p style="background-color: #1c7ecf; color: #fff">#1c7ecf background</p>
#1c7ecf
border
<p style="border: #1c7ecf 3px solid">#1c7ecf border</p>
#1c7ecf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #1c7ecf, #fff); background: -webkit-radial-gradient(50% 50%, #1c7ecf, #fff); background: -o-radial-gradient(50% 50%, #1c7ecf, #fff); background: -ms-radial-gradient(50% 50%, #1c7ecf, #fff); background: radial-gradient(50% 50%, #1c7ecf, #fff); color: #fff">#1c7ecf radial gradient</p>
#1c7ecf
linear gradient to complementary #ce6d1c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #1c7ecf, #ce6d1c); background: -webkit-linear-gradient(top, #1c7ecf, #ce6d1c); background: -o-linear-gradient(top, #1c7ecf, #ce6d1c); background: -ms-linear-gradient(top, #1c7ecf, #ce6d1c); background: linear-gradient(top, #1c7ecf, #ce6d1c); color: #fff">
#1c7ecf
linear gradient to complementary #ce6d1c
</p>
#1c7ecf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #1c7ecf">#1c7ecf text shadow</p>
The matching paint colors are listed in order of relevancy to the #1c7ecf
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 #1c7ecf
.
Jump to paint brand: