#026eca
Hex Color CodeThe hexadecimal color code #026eca
is a medium dark shade of cyan-blue. In the RGB color model #026eca
is comprised of 0.78% red, 43.14% green and 79.22% blue. In the HSL color space #026eca
has a hue of 207.6 degrees, 98.04% saturation and 40% lightness. This color has an approximate wavelength of 489 nm.
#026eca
Color InformationInverted
#fd9135 25% Saturated
#006ecc Grayscale
#666666
25% Lighter
#0289fc Original
#026eca 25% Darker
#015297
royalblue
#4169e1 25% Desaturated
#1a6bb1 Web Safe: blue
#0000ff
rgb(2, 110, 202)
rgba(2, 110, 202, 1.0)
red: 0.7843%, yellow: 28.2862%, blue: 79.2157%
#026eca
159434
-16617782 / 0xff026eca
hsl(208, 98%, 40%)
hsla(208, 98%, 40%, 1.0)
hue: 208 (207.6), saturation: 99 (99.0099), value: 79 (79.2157)
X: 16.2616, Y: 15.429, Z: 57.9981
x: 0.1813, y: 0.172, Y: 15.429
L: 46.2163, a: 9.4001, b: -54.8548
L: 46.2163, u: -26.1884, v: -83.5371
L: 46.2163, C: 55.6543, H: 279.724
L: 39.2798, a: 5.1584, b: -60.0481
cyan: 99 (0.9901), magenta: 46 (0.4554), yellow: 0 (0), key: 21 (0.2078)
cyan: 99 (0.9922), magenta: 57 (0.5686), yellow: 21 (0.2078)
Y: 88.196, I: -93.8935, Q: 5.7872
Y: 88.196, U: 56.0031, V: -75.6209
Y: 88.196, Db: 171.236, Dr: 163.928
Y: 91.75, Cb: 184.372, Cr: 74.056
Y: 93.62, Pb: 58.42, Pr: -58.232
5PB 4/12 (approximate)
#026eca
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026eca
to White#026eca
to Black#026eca
foreground
<p style="color: #026eca">#026eca foreground</p>
#026eca
background
<p style="background-color: #026eca; color: #fff">#026eca background</p>
#026eca
border
<p style="border: #026eca 3px solid">#026eca border</p>
#026eca
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026eca, #fff); background: -webkit-radial-gradient(50% 50%, #026eca, #fff); background: -o-radial-gradient(50% 50%, #026eca, #fff); background: -ms-radial-gradient(50% 50%, #026eca, #fff); background: radial-gradient(50% 50%, #026eca, #fff); color: #fff">#026eca radial gradient</p>
#026eca
linear gradient to complementary #ca5e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026eca, #ca5e01); background: -webkit-linear-gradient(top, #026eca, #ca5e01); background: -o-linear-gradient(top, #026eca, #ca5e01); background: -ms-linear-gradient(top, #026eca, #ca5e01); background: linear-gradient(top, #026eca, #ca5e01); color: #fff">
#026eca
linear gradient to complementary #ca5e01
</p>
#026eca
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026eca">#026eca text shadow</p>
The matching paint colors are listed in order of relevancy to the #026eca
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 #026eca
.
Jump to paint brand: