#026bff
Hex Color CodeThe hexadecimal color code #026bff
is a shade of cyan-blue. In the RGB color model #026bff
is comprised of 0.78% red, 41.96% green and 100% blue. In the HSL color space #026bff
has a hue of 215.1 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 485 nm.
#026bff
Color InformationInverted
#fd9400 25% Saturated
#016aff Grayscale
#808080
25% Lighter
#4290ff Original
#026bff 25% Darker
#004fc0
royalblue
#4169e1 25% Desaturated
#2170df Web Safe: blue
#0000ff
rgb(2, 107, 255)
rgba(2, 107, 255, 1.0)
red: 0.7843%, yellow: 29.8839%, blue: 100%
#026bff
158719
-16618497 / 0xff026bff
hsl(215, 100%, 50%)
hsla(215, 100%, 50%, 1.0)
hue: 215 (215.0988), saturation: 99 (99.2157), value: 100 (100)
X: 23.3327, Y: 17.7483, Z: 96.8037
x: 0.1692, y: 0.1287, Y: 17.7483
L: 49.1894, a: 32.0844, b: -79.9169
L: 49.1894, u: -23.6062, v: -123.3629
L: 49.1894, C: 86.1169, H: 291.874
L: 42.1287, a: 25.1358, b: -106.7469
cyan: 99 (0.9922), magenta: 58 (0.5804), yellow: 0 (0), key: 0 (0)
cyan: 99 (0.9922), magenta: 58 (0.5804), yellow: 0 (0)
Y: 92.477, I: -110.0971, Q: 23.8451
Y: 92.477, U: 79.9777, V: -79.3765
Y: 92.477, Db: 244.534, Dr: 172.081
Y: 95.432, Cb: 208.512, Cr: 71.397
Y: 95.291, Pb: 86.075, Pr: -59.308
7.5PB 5/18 (approximate)
#026bff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026bff
to White#026bff
to Black#026bff
foreground
<p style="color: #026bff">#026bff foreground</p>
#026bff
background
<p style="background-color: #026bff; color: #fff">#026bff background</p>
#026bff
border
<p style="border: #026bff 3px solid">#026bff border</p>
#026bff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026bff, #fff); background: -webkit-radial-gradient(50% 50%, #026bff, #fff); background: -o-radial-gradient(50% 50%, #026bff, #fff); background: -ms-radial-gradient(50% 50%, #026bff, #fff); background: radial-gradient(50% 50%, #026bff, #fff); color: #fff">#026bff radial gradient</p>
#026bff
linear gradient to complementary #ff9501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026bff, #ff9501); background: -webkit-linear-gradient(top, #026bff, #ff9501); background: -o-linear-gradient(top, #026bff, #ff9501); background: -ms-linear-gradient(top, #026bff, #ff9501); background: linear-gradient(top, #026bff, #ff9501); color: #fff">
#026bff
linear gradient to complementary #ff9501
</p>
#026bff
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026bff">#026bff text shadow</p>
The matching paint colors are listed in order of relevancy to the #026bff
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 #026bff
.
Jump to paint brand: