#026aaa
Hex Color CodeThe hexadecimal color code #026aaa
is a medium dark shade of cyan-blue. In the RGB color model #026aaa
is comprised of 0.78% red, 41.57% green and 66.67% blue. In the HSL color space #026aaa
has a hue of 202.86 degrees, 97.67% saturation and 33.73% lightness. This color has an approximate wavelength of 492 nm.
#026aaa
Color InformationInverted
#fd9555 25% Saturated
#006aab Grayscale
#555555
25% Lighter
#0284d4 Original
#026aaa 25% Darker
#014f7f
steelblue
#4682b4 25% Desaturated
#176494 Web Safe: blue
#0000ff
rgb(2, 106, 170)
rgba(2, 106, 170, 1.0)
red: 0.7843%, yellow: 25.9746%, blue: 66.6667%
#026aaa
158378
-16618838 / 0xff026aaa
hsl(203, 98%, 34%)
hsla(203, 98%, 34%, 1.0)
hue: 203 (202.8571), saturation: 99 (98.8235), value: 67 (66.6667)
X: 12.4348, Y: 13.2233, Z: 39.9272
x: 0.1896, y: 0.2016, Y: 13.2233
L: 43.0977, a: -0.9054, b: -41.26
L: 43.0977, u: -26.5417, v: -60.6877
L: 43.0977, C: 41.27, H: 268.7429
L: 36.3638, a: -2.5977, b: -39.6453
cyan: 99 (0.9882), magenta: 38 (0.3765), yellow: 0 (0), key: 33 (0.3333)
cyan: 99 (0.9922), magenta: 58 (0.5843), yellow: 33 (0.3333)
Y: 82.2, I: -82.5153, Q: -2.0788
Y: 82.2, U: 43.2066, V: -70.3606
Y: 82.2, Db: 132.112, Dr: 152.52
Y: 86.598, Cb: 171.488, Cr: 77.8
Y: 88.456, Pb: 43.96, Pr: -54.944
2.5PB 4/10 (approximate)
#026aaa
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026aaa
to White#026aaa
to Black#026aaa
foreground
<p style="color: #026aaa">#026aaa foreground</p>
#026aaa
background
<p style="background-color: #026aaa; color: #fff">#026aaa background</p>
#026aaa
border
<p style="border: #026aaa 3px solid">#026aaa border</p>
#026aaa
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026aaa, #fff); background: -webkit-radial-gradient(50% 50%, #026aaa, #fff); background: -o-radial-gradient(50% 50%, #026aaa, #fff); background: -ms-radial-gradient(50% 50%, #026aaa, #fff); background: radial-gradient(50% 50%, #026aaa, #fff); color: #fff">#026aaa radial gradient</p>
#026aaa
linear gradient to complementary #a94201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026aaa, #a94201); background: -webkit-linear-gradient(top, #026aaa, #a94201); background: -o-linear-gradient(top, #026aaa, #a94201); background: -ms-linear-gradient(top, #026aaa, #a94201); background: linear-gradient(top, #026aaa, #a94201); color: #fff">
#026aaa
linear gradient to complementary #a94201
</p>
#026aaa
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026aaa">#026aaa text shadow</p>
The matching paint colors are listed in order of relevancy to the #026aaa
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 #026aaa
.
Jump to paint brand: