Color Charts
RGB
CMYK
RYB
#026ca1 Hex Color CodeThe hexadecimal color code #026ca1 is a medium dark shade of cyan. In the RGB color model #026ca1 is comprised of 0.78% red, 42.35% green and 63.14% blue. In the HSL color space #026ca1 has a hue of 200 degrees, 97.55% saturation and 31.96% lightness. This color has an approximate wavelength of 494 nm.
#026ca1 Color InformationInverted
#fd935e 25% Saturated
#006ca3 Grayscale
#515151
25% Lighter
#0286c9 Original
#026ca1 25% Darker
#015078
steelblue
#4682b4 25% Desaturated
#15658d Web Safe: teal
#008080
rgb(2, 108, 161)
rgba(2, 108, 161, 1.0)
red: 0.7843%, yellow: 25.7255%, blue: 63.1373%
#026ca1
158881
-16618335 / 0xff026ca1
hsl(200, 98%, 32%)
hsla(200, 98%, 32%, 1.0)
hue: 200 (200), saturation: 99 (98.7578), value: 63 (63.1373)
X: 11.8206, Y: 13.3112, Z: 35.6645
x: 0.1944, y: 0.2189, Y: 13.3112
L: 43.2285, a: -5.7187, b: -35.7473
L: 43.2285, u: -27.7491, v: -51.7992
L: 43.2285, C: 36.2019, H: 260.9111
L: 36.4846, a: -6.0159, b: -32.4182
cyan: 99 (0.9876), magenta: 33 (0.3292), yellow: 0 (0), key: 37 (0.3686)
cyan: 99 (0.9922), magenta: 58 (0.5765), yellow: 37 (0.3686)
Y: 82.348, I: -80.1728, Q: -5.9242
Y: 82.348, U: 38.7049, V: -70.4905
Y: 82.348, Db: 118.349, Dr: 152.799
Y: 86.724, Cb: 166.955, Cr: 77.703
Y: 89.238, Pb: 38.69, Pr: -55.438
10B 4/8 (approximate)
#026ca1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026ca1 to White#026ca1 to Black#026ca1 foreground
<p style="color: #026ca1">#026ca1 foreground</p>
#026ca1 background
<p style="background-color: #026ca1; color: #fff">#026ca1 background</p>
#026ca1 border
<p style="border: #026ca1 3px solid">#026ca1 border</p>
#026ca1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026ca1, #fff); background: -webkit-radial-gradient(50% 50%, #026ca1, #fff); background: -o-radial-gradient(50% 50%, #026ca1, #fff); background: -ms-radial-gradient(50% 50%, #026ca1, #fff); background: radial-gradient(50% 50%, #026ca1, #fff); color: #fff">#026ca1 radial gradient</p>
#026ca1 linear gradient to complementary #a13601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026ca1, #a13601); background: -webkit-linear-gradient(top, #026ca1, #a13601); background: -o-linear-gradient(top, #026ca1, #a13601); background: -ms-linear-gradient(top, #026ca1, #a13601); background: linear-gradient(top, #026ca1, #a13601); color: #fff">#026ca1 linear gradient to complementary #a13601</p>
#026ca1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026ca1">#026ca1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026ca1 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 #026ca1.
Jump to paint brand: