#026ae4
Hex Color CodeThe hexadecimal color code #026ae4
is a shade of cyan-blue. In the RGB color model #026ae4
is comprised of 0.78% red, 41.57% green and 89.41% blue. In the HSL color space #026ae4
has a hue of 212.39 degrees, 98.26% saturation and 45.1% lightness. This color has an approximate wavelength of 486 nm.
#026ae4
Color InformationInverted
#fd951b 25% Saturated
#0069e6 Grayscale
#737373
25% Lighter
#2287fd Original
#026ae4 25% Darker
#014fab
royalblue
#4169e1 25% Desaturated
#1e6cc7 Web Safe: blue
#0000ff
rgb(2, 106, 228)
rgba(2, 106, 228, 1.0)
red: 0.7843%, yellow: 28.7154%, blue: 89.4118%
#026ae4
158436
-16618780 / 0xff026ae4
hsl(212, 98%, 45%)
hsla(212, 98%, 45%, 1.0)
hue: 212 (212.3894), saturation: 99 (99.1228), value: 89 (89.4118)
X: 19.1827, Y: 15.9224, Z: 75.4611
x: 0.1735, y: 0.144, Y: 15.9224
L: 46.8725, a: 22.2852, b: -68.59
L: 46.8725, u: -24.0307, v: -105.1142
L: 46.8725, C: 72.1195, H: 287.9992
L: 39.9029, a: 15.9809, b: -84.1924
cyan: 99 (0.9912), magenta: 54 (0.5351), yellow: 0 (0), key: 11 (0.1059)
cyan: 99 (0.9922), magenta: 58 (0.5843), yellow: 11 (0.1059)
Y: 88.812, I: -101.1486, Q: 15.967
Y: 88.812, U: 68.4946, V: -76.1612
Y: 88.812, Db: 209.426, Dr: 165.106
Y: 92.282, Cb: 196.95, Cr: 73.682
Y: 92.632, Pb: 72.96, Pr: -57.612
5PB 4/16 (approximate)
#026ae4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026ae4
to White#026ae4
to Black#026ae4
foreground
<p style="color: #026ae4">#026ae4 foreground</p>
#026ae4
background
<p style="background-color: #026ae4; color: #fff">#026ae4 background</p>
#026ae4
border
<p style="border: #026ae4 3px solid">#026ae4 border</p>
#026ae4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026ae4, #fff); background: -webkit-radial-gradient(50% 50%, #026ae4, #fff); background: -o-radial-gradient(50% 50%, #026ae4, #fff); background: -ms-radial-gradient(50% 50%, #026ae4, #fff); background: radial-gradient(50% 50%, #026ae4, #fff); color: #fff">#026ae4 radial gradient</p>
#026ae4
linear gradient to complementary #e47b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026ae4, #e47b01); background: -webkit-linear-gradient(top, #026ae4, #e47b01); background: -o-linear-gradient(top, #026ae4, #e47b01); background: -ms-linear-gradient(top, #026ae4, #e47b01); background: linear-gradient(top, #026ae4, #e47b01); color: #fff">
#026ae4
linear gradient to complementary #e47b01
</p>
#026ae4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026ae4">#026ae4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026ae4
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 #026ae4
.
Jump to paint brand: