#026dcc
Hex Color CodeThe hexadecimal color code #026dcc
is a shade of cyan-blue. In the RGB color model #026dcc
is comprised of 0.78% red, 42.75% green and 80% blue. In the HSL color space #026dcc
has a hue of 208.22 degrees, 98.06% saturation and 40.39% lightness. This color has an approximate wavelength of 489 nm.
#026dcc
Color InformationInverted
#fd9233 25% Saturated
#006dce Grayscale
#676767
25% Lighter
#0488fc Original
#026dcc 25% Darker
#015199
royalblue
#4169e1 25% Desaturated
#1b6bb2 Web Safe: blue
#0000ff
rgb(2, 109, 204)
rgba(2, 109, 204, 1.0)
red: 0.7843%, yellow: 28.215%, blue: 80%
#026dcc
159180
-16618036 / 0xff026dcc
hsl(208, 98%, 40%)
hsla(208, 98%, 40%, 1.0)
hue: 208 (208.2178), saturation: 99 (99.0196), value: 80 (80)
X: 16.3928, Y: 15.3098, Z: 59.2178
x: 0.1803, y: 0.1684, Y: 15.3098
L: 46.0557, a: 10.8367, b: -56.2604
L: 46.0557, u: -25.7926, v: -85.6945
L: 46.0557, C: 57.2945, H: 280.9026
L: 39.1278, a: 6.3098, b: -62.3429
cyan: 99 (0.9902), magenta: 47 (0.4657), yellow: 0 (0), key: 20 (0.2)
cyan: 99 (0.9922), magenta: 57 (0.5725), yellow: 20 (0.2)
Y: 87.837, I: -94.2616, Q: 6.932
Y: 87.837, U: 57.164, V: -75.3059
Y: 87.837, Db: 174.785, Dr: 163.246
Y: 91.442, Cb: 185.541, Cr: 74.282
Y: 93.049, Pb: 59.805, Pr: -57.87
5PB 4/12 (approximate)
#026dcc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026dcc
to White#026dcc
to Black#026dcc
foreground
<p style="color: #026dcc">#026dcc foreground</p>
#026dcc
background
<p style="background-color: #026dcc; color: #fff">#026dcc background</p>
#026dcc
border
<p style="border: #026dcc 3px solid">#026dcc border</p>
#026dcc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026dcc, #fff); background: -webkit-radial-gradient(50% 50%, #026dcc, #fff); background: -o-radial-gradient(50% 50%, #026dcc, #fff); background: -ms-radial-gradient(50% 50%, #026dcc, #fff); background: radial-gradient(50% 50%, #026dcc, #fff); color: #fff">#026dcc radial gradient</p>
#026dcc
linear gradient to complementary #cc6101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026dcc, #cc6101); background: -webkit-linear-gradient(top, #026dcc, #cc6101); background: -o-linear-gradient(top, #026dcc, #cc6101); background: -ms-linear-gradient(top, #026dcc, #cc6101); background: linear-gradient(top, #026dcc, #cc6101); color: #fff">
#026dcc
linear gradient to complementary #cc6101
</p>
#026dcc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026dcc">#026dcc text shadow</p>
The matching paint colors are listed in order of relevancy to the #026dcc
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 #026dcc
.
Jump to paint brand: