#026688
Hex Color CodeThe hexadecimal color code #026688
is a medium dark shade of cyan. In the RGB color model #026688
is comprised of 0.78% red, 40% green and 53.33% blue. In the HSL color space #026688
has a hue of 195.22 degrees, 97.1% saturation and 27.06% lightness. This color has an approximate wavelength of 497 nm.
#026688
Color InformationInverted
#fd9977 25% Saturated
#00668a Grayscale
#454545
25% Lighter
#027faa Original
#026688 25% Darker
#014c66
steelblue
#4682b4 25% Desaturated
#125d77 Web Safe: teal
#008080
rgb(2, 102, 136)
rgba(2, 102, 136, 1.0)
red: 0.7843%, yellow: 23.2412%, blue: 53.3333%
#026688
157320
-16619896 / 0xff026688
hsl(195, 97%, 27%)
hsla(195, 97%, 27%, 1.0)
hue: 195 (195.2239), saturation: 99 (98.5294), value: 53 (53.3333)
X: 9.2203, Y: 11.2932, Z: 24.9864
x: 0.2026, y: 0.2482, Y: 11.2932
L: 40.07, a: -11.9395, b: -25.7736
L: 40.07, u: -27.2936, v: -35.1701
L: 40.07, C: 28.4047, H: 245.1442
L: 33.6054, a: -9.8342, b: -20.5597
cyan: 99 (0.9853), magenta: 25 (0.25), yellow: 0 (0), key: 47 (0.4667)
cyan: 99 (0.9922), magenta: 60 (0.6), yellow: 47 (0.4667)
Y: 75.976, I: -70.4945, Q: -10.567
Y: 75.976, U: 29.538, V: -64.9003
Y: 75.976, Db: 90.322, Dr: 140.678
Y: 81.25, Cb: 157.726, Cr: 81.686
Y: 83.148, Pb: 28.5, Pr: -51.564
5B 4/6 approximate; exact match: Munsell 5B 4/6 / #066987
#026688
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026688
to White#026688
to Black#026688
foreground
<p style="color: #026688">#026688 foreground</p>
#026688
background
<p style="background-color: #026688; color: #fff">#026688 background</p>
#026688
border
<p style="border: #026688 3px solid">#026688 border</p>
#026688
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026688, #fff); background: -webkit-radial-gradient(50% 50%, #026688, #fff); background: -o-radial-gradient(50% 50%, #026688, #fff); background: -ms-radial-gradient(50% 50%, #026688, #fff); background: radial-gradient(50% 50%, #026688, #fff); color: #fff">#026688 radial gradient</p>
#026688
linear gradient to complementary #882401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026688, #882401); background: -webkit-linear-gradient(top, #026688, #882401); background: -o-linear-gradient(top, #026688, #882401); background: -ms-linear-gradient(top, #026688, #882401); background: linear-gradient(top, #026688, #882401); color: #fff">
#026688
linear gradient to complementary #882401
</p>
#026688
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026688">#026688 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026688
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 #026688
.
Jump to paint brand: