#027a77
Hex Color CodeThe hexadecimal color code #027a77
is a dark shade of cyan. In the RGB color model #027a77
is comprised of 0.78% red, 47.84% green and 46.67% blue. In the HSL color space #027a77
has a hue of 178.5 degrees, 96.77% saturation and 24.31% lightness. This color has an approximate wavelength of 508 nm.
#027a77
Color InformationInverted
#fd8588 25% Saturated
#007c78 Grayscale
#3e3e3e
rgb(2, 122, 119)
rgba(2, 122, 119, 1.0)
red: 0.7843%, yellow: 24.6116%, blue: 47.8431%
#027a77
162423
-16614793 / 0xff027a77
hsl(179, 97%, 24%)
hsla(179, 97%, 24%, 1.0)
hue: 179 (178.5), saturation: 98 (98.3607), value: 48 (47.8431)
X: 10.3143, Y: 15.2639, Z: 19.8554
x: 0.227, y: 0.336, Y: 15.2639
L: 45.9935, a: -28.723, b: -6.5293
L: 45.9935, u: -35.7439, v: -5.1662
L: 45.9935, C: 29.4558, H: 192.8068
L: 39.069, a: -21.2462, b: -2.7836
cyan: 98 (0.9836), magenta: 0 (0), yellow: 2 (0.0246), key: 52 (0.5216)
cyan: 99 (0.9922), magenta: 52 (0.5216), yellow: 53 (0.5333)
Y: 85.778, I: -70.5221, Q: -26.3081
Y: 85.778, U: 16.3488, V: -73.5
Y: 85.778, Db: 50.001, Dr: 159.309
Y: 89.664, Cb: 144.443, Cr: 75.533
Y: 96.224, Pb: 12.3, Pr: -59.862
2.5BG 4/6 (approximate)
#027a77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#027a77
to White#027a77
to Black#027a77
foreground
<p style="color: #027a77">#027a77 foreground</p>
#027a77
background
<p style="background-color: #027a77; color: #fff">#027a77 background</p>
#027a77
border
<p style="border: #027a77 3px solid">#027a77 border</p>
#027a77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #027a77, #fff); background: -webkit-radial-gradient(50% 50%, #027a77, #fff); background: -o-radial-gradient(50% 50%, #027a77, #fff); background: -ms-radial-gradient(50% 50%, #027a77, #fff); background: radial-gradient(50% 50%, #027a77, #fff); color: #fff">#027a77 radial gradient</p>
#027a77
linear gradient to complementary #7a0104
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #027a77, #7a0104); background: -webkit-linear-gradient(top, #027a77, #7a0104); background: -o-linear-gradient(top, #027a77, #7a0104); background: -ms-linear-gradient(top, #027a77, #7a0104); background: linear-gradient(top, #027a77, #7a0104); color: #fff">
#027a77
linear gradient to complementary #7a0104
</p>
#027a77
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #027a77">#027a77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #027a77
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 #027a77
.
Jump to paint brand: