#026c77
Hex Color CodeThe hexadecimal color code #026c77
is a dark shade of cyan. In the RGB color model #026c77
is comprised of 0.78% red, 42.35% green and 46.67% blue. In the HSL color space #026c77
has a hue of 185.64 degrees, 96.69% saturation and 23.73% lightness. This color has an approximate wavelength of 503 nm.
#026c77
Color InformationInverted
#fd9388 25% Saturated
#006d78 Grayscale
#3c3c3c
rgb(2, 108, 119)
rgba(2, 108, 119, 1.0)
red: 0.7843%, yellow: 22.5939%, blue: 46.6667%
#026c77
158839
-16618377 / 0xff026c77
hsl(186, 97%, 24%)
hsla(186, 97%, 24%, 1.0)
hue: 186 (185.641), saturation: 98 (98.3193), value: 47 (46.6667)
X: 8.7174, Y: 12.0699, Z: 19.323
x: 0.2173, y: 0.3009, Y: 12.0699
L: 41.3271, a: -21.6137, b: -13.5522
L: 41.3271, u: -30.6701, v: -16.0352
L: 41.3271, C: 25.511, H: 212.0884
L: 34.7418, a: -16.0092, b: -8.6572
cyan: 98 (0.9832), magenta: 9 (0.0924), yellow: 0 (0), key: 53 (0.5333)
cyan: 99 (0.9922), magenta: 58 (0.5765), yellow: 53 (0.5333)
Y: 77.56, I: -66.6798, Q: -18.9919
Y: 77.56, U: 20.3929, V: -66.2901
Y: 77.56, Db: 62.363, Dr: 143.685
Y: 82.608, Cb: 148.517, Cr: 80.685
Y: 86.214, Pb: 17.69, Pr: -53.506
7.5BG 4/6 (approximate)
#026c77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#026c77
to White#026c77
to Black#026c77
foreground
<p style="color: #026c77">#026c77 foreground</p>
#026c77
background
<p style="background-color: #026c77; color: #fff">#026c77 background</p>
#026c77
border
<p style="border: #026c77 3px solid">#026c77 border</p>
#026c77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #026c77, #fff); background: -webkit-radial-gradient(50% 50%, #026c77, #fff); background: -o-radial-gradient(50% 50%, #026c77, #fff); background: -ms-radial-gradient(50% 50%, #026c77, #fff); background: radial-gradient(50% 50%, #026c77, #fff); color: #fff">#026c77 radial gradient</p>
#026c77
linear gradient to complementary #760c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #026c77, #760c01); background: -webkit-linear-gradient(top, #026c77, #760c01); background: -o-linear-gradient(top, #026c77, #760c01); background: -ms-linear-gradient(top, #026c77, #760c01); background: linear-gradient(top, #026c77, #760c01); color: #fff">
#026c77
linear gradient to complementary #760c01
</p>
#026c77
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #026c77">#026c77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #026c77
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 #026c77
.
Jump to paint brand: