#026ac2
Hex Color CodeThe hexadecimal color code #026ac2
is a medium dark shade of cyan-blue. In the RGB color model #026ac2
is comprised of 0.78% red, 41.57% green and 76.08% blue. In the HSL color space #026ac2
has a hue of 207.5 degrees, 97.96% saturation and 38.43% lightness. This color has an approximate wavelength of 489 nm.
#026ac2
Color InformationInverted
#fd953d 25% Saturated
#006ac3 Grayscale
#616161
25% Lighter
#0284f2 Original
#026ac2 25% Darker
#014f91
royalblue
#4169e1 25% Desaturated
#1967aa Web Safe: blue
#0000ff
rgb(2, 106, 194)
rgba(2, 106, 194, 1.0)
red: 0.7843%, yellow: 27.239%, blue: 76.0784%
#026ac2
158402
-16618814 / 0xff026ac2
hsl(208, 98%, 38%)
hsla(208, 98%, 38%, 1.0)
hue: 208 (207.5), saturation: 99 (98.9691), value: 76 (76.0784)
X: 14.9167, Y: 14.216, Z: 52.9967
x: 0.1816, y: 0.1731, Y: 14.216
L: 44.5411, a: 8.7469, b: -52.942
L: 44.5411, u: -25.3159, v: -79.8239
L: 44.5411, C: 53.6597, H: 279.3815
L: 37.7041, a: 4.6367, b: -56.9448
cyan: 99 (0.9897), magenta: 45 (0.4536), yellow: 0 (0), key: 24 (0.2392)
cyan: 99 (0.9922), magenta: 58 (0.5843), yellow: 24 (0.2392)
Y: 84.936, I: -90.2256, Q: 5.3885
Y: 84.936, U: 53.6706, V: -72.7609
Y: 84.936, Db: 164.104, Dr: 157.728
Y: 88.95, Cb: 182.024, Cr: 76.096
Y: 90.184, Pb: 55.96, Pr: -56.048
5PB 4/12 (approximate)
#026ac2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026ac2
to White#026ac2
to Black#026ac2
foreground
<p style="color: #026ac2">#026ac2 foreground</p>
#026ac2
background
<p style="background-color: #026ac2; color: #fff">#026ac2 background</p>
#026ac2
border
<p style="border: #026ac2 3px solid">#026ac2 border</p>
#026ac2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026ac2, #fff); background: -webkit-radial-gradient(50% 50%, #026ac2, #fff); background: -o-radial-gradient(50% 50%, #026ac2, #fff); background: -ms-radial-gradient(50% 50%, #026ac2, #fff); background: radial-gradient(50% 50%, #026ac2, #fff); color: #fff">#026ac2 radial gradient</p>
#026ac2
linear gradient to complementary #c25a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026ac2, #c25a01); background: -webkit-linear-gradient(top, #026ac2, #c25a01); background: -o-linear-gradient(top, #026ac2, #c25a01); background: -ms-linear-gradient(top, #026ac2, #c25a01); background: linear-gradient(top, #026ac2, #c25a01); color: #fff">
#026ac2
linear gradient to complementary #c25a01
</p>
#026ac2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026ac2">#026ac2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026ac2
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 #026ac2
.
Jump to paint brand: