#026cea
Hex Color CodeThe hexadecimal color code #026cea
is a shade of cyan-blue. In the RGB color model #026cea
is comprised of 0.78% red, 42.35% green and 91.76% blue. In the HSL color space #026cea
has a hue of 212.59 degrees, 98.31% saturation and 46.27% lightness. This color has an approximate wavelength of 486 nm.
#026cea
Color InformationInverted
#fd9315 25% Saturated
#006beb Grayscale
#757575
25% Lighter
#298afd Original
#026cea 25% Darker
#0150af
royalblue
#4169e1 25% Desaturated
#1f6ecc Web Safe: blue
#0000ff
rgb(2, 108, 234)
rgba(2, 108, 234, 1.0)
red: 0.7843%, yellow: 29.3166%, blue: 91.7647%
#026cea
158954
-16618262 / 0xff026cea
hsl(213, 98%, 46%)
hsla(213, 98%, 46%, 1.0)
hue: 213 (212.5862), saturation: 99 (99.1453), value: 92 (91.7647)
X: 20.2389, Y: 16.6785, Z: 79.9945
x: 0.1731, y: 0.1427, Y: 16.6785
L: 47.8524, a: 23.3485, b: -70.3761
L: 47.8524, u: -24.403, v: -108.3915
L: 47.8524, C: 74.1482, H: 288.3542
L: 40.8394, a: 16.9908, b: -87.5472
cyan: 99 (0.9915), magenta: 54 (0.5385), yellow: 0 (0), key: 8 (0.0824)
cyan: 99 (0.9922), magenta: 58 (0.5765), yellow: 8 (0.0824)
Y: 90.67, I: -103.625, Q: 16.7887
Y: 90.67, U: 70.5329, V: -77.7913
Y: 90.67, Db: 215.658, Dr: 168.64
Y: 93.878, Cb: 199.002, Cr: 72.52
Y: 94.494, Pb: 75.19, Pr: -58.796
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#026cea
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026cea
to White#026cea
to Black#026cea
foreground
<p style="color: #026cea">#026cea foreground</p>
#026cea
background
<p style="background-color: #026cea; color: #fff">#026cea background</p>
#026cea
border
<p style="border: #026cea 3px solid">#026cea border</p>
#026cea
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026cea, #fff); background: -webkit-radial-gradient(50% 50%, #026cea, #fff); background: -o-radial-gradient(50% 50%, #026cea, #fff); background: -ms-radial-gradient(50% 50%, #026cea, #fff); background: radial-gradient(50% 50%, #026cea, #fff); color: #fff">#026cea radial gradient</p>
#026cea
linear gradient to complementary #ea8001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026cea, #ea8001); background: -webkit-linear-gradient(top, #026cea, #ea8001); background: -o-linear-gradient(top, #026cea, #ea8001); background: -ms-linear-gradient(top, #026cea, #ea8001); background: linear-gradient(top, #026cea, #ea8001); color: #fff">
#026cea
linear gradient to complementary #ea8001
</p>
#026cea
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026cea">#026cea text shadow</p>
The matching paint colors are listed in order of relevancy to the #026cea
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 #026cea
.
Jump to paint brand: