Color Charts
RGB
CMYK
RYB
#026be7 Hex Color CodeThe hexadecimal color code #026be7 is a shade of cyan-blue. In the RGB color model #026be7 is comprised of 0.78% red, 41.96% green and 90.59% blue. In the HSL color space #026be7 has a hue of 212.49 degrees, 98.28% saturation and 45.69% lightness. This color has an approximate wavelength of 486 nm.
#026be7 Color InformationInverted
#fd9418 25% Saturated
#006ae9 Grayscale
#747474
25% Lighter
#2688fd Original
#026be7 25% Darker
#0150ad
royalblue
#4169e1 25% Desaturated
#1e6dca Web Safe: blue
#0000ff
rgb(2, 107, 231)
rgba(2, 107, 231, 1.0)
red: 0.7843%, yellow: 29.0161%, blue: 90.5882%
#026be7
158695
-16618521 / 0xff026be7
hsl(212, 98%, 46%)
hsla(212, 98%, 46%, 1.0)
hue: 212 (212.4891), saturation: 99 (99.1342), value: 91 (90.5882)
X: 19.7065, Y: 16.2978, Z: 77.7085
x: 0.1733, y: 0.1433, Y: 16.2978
L: 47.3628, a: 22.8178, b: -69.4846
L: 47.3628, u: -24.217, v: -106.7544
L: 47.3628, C: 73.1352, H: 288.1795
L: 40.3706, a: 16.4847, b: -85.8667
cyan: 99 (0.9913), magenta: 54 (0.5368), yellow: 0 (0), key: 9 (0.0941)
cyan: 99 (0.9922), magenta: 58 (0.5804), yellow: 9 (0.0941)
Y: 89.741, I: -102.3868, Q: 16.3779
Y: 89.741, U: 69.5137, V: -76.9762
Y: 89.741, Db: 212.542, Dr: 166.873
Y: 93.08, Cb: 197.976, Cr: 73.101
Y: 93.563, Pb: 74.075, Pr: -58.204
7.5PB 5/16 approximate; exact match: Munsell 7.5PB 5/16 / #566ff0
#026be7 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026be7 to White#026be7 to Black#026be7 foreground
<p style="color: #026be7">#026be7 foreground</p>
#026be7 background
<p style="background-color: #026be7; color: #fff">#026be7 background</p>
#026be7 border
<p style="border: #026be7 3px solid">#026be7 border</p>
#026be7 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026be7, #fff); background: -webkit-radial-gradient(50% 50%, #026be7, #fff); background: -o-radial-gradient(50% 50%, #026be7, #fff); background: -ms-radial-gradient(50% 50%, #026be7, #fff); background: radial-gradient(50% 50%, #026be7, #fff); color: #fff">#026be7 radial gradient</p>
#026be7 linear gradient to complementary #e77d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026be7, #e77d01); background: -webkit-linear-gradient(top, #026be7, #e77d01); background: -o-linear-gradient(top, #026be7, #e77d01); background: -ms-linear-gradient(top, #026be7, #e77d01); background: linear-gradient(top, #026be7, #e77d01); color: #fff">#026be7 linear gradient to complementary #e77d01</p>
#026be7 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026be7">#026be7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026be7 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 #026be7.
Jump to paint brand: