#028e77
Hex Color CodeThe hexadecimal color code #028e77
is a medium dark shade of cyan. In the RGB color model #028e77
is comprised of 0.78% red, 55.69% green and 46.67% blue. In the HSL color space #028e77
has a hue of 170.14 degrees, 97.22% saturation and 28.24% lightness. This color has an approximate wavelength of 513 nm.
#028e77
Color InformationInverted
#fd7188 25% Saturated
#009078 Grayscale
#484848
25% Lighter
#02b194 Original
#028e77 25% Darker
#016a59
darkcyan
#008b8b 25% Desaturated
#137c6b Web Safe: teal
#008080
rgb(2, 142, 119)
rgba(2, 142, 119, 1.0)
red: 0.7843%, yellow: 30.692%, blue: 55.6863%
#028e77
167543
-16609673 / 0xff028e77
hsl(170, 97%, 28%)
hsla(170, 97%, 28%, 1.0)
hue: 170 (170.1429), saturation: 99 (98.5915), value: 56 (55.6863)
X: 13.0278, Y: 20.6908, Z: 20.7599
x: 0.2391, y: 0.3798, Y: 20.6908
L: 52.6094, a: -37.9315, b: 3.1808
L: 52.6094, u: -42.8963, v: 9.9205
L: 52.6094, C: 38.0646, H: 175.2066
L: 45.4872, a: -28.479, b: 4.7817
cyan: 99 (0.9859), magenta: 0 (0), yellow: 16 (0.162), key: 44 (0.4431)
cyan: 99 (0.9922), magenta: 44 (0.4431), yellow: 53 (0.5333)
Y: 97.518, I: -76.0112, Q: -36.7599
Y: 97.518, U: 10.5716, V: -83.7998
Y: 97.518, Db: 32.341, Dr: 181.629
Y: 99.744, Cb: 138.623, Cr: 68.173
Y: 110.524, Pb: 4.6, Pr: -68.942
10G 5/8 (approximate)
#028e77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028e77
to White#028e77
to Black#028e77
foreground
<p style="color: #028e77">#028e77 foreground</p>
#028e77
background
<p style="background-color: #028e77; color: #fff">#028e77 background</p>
#028e77
border
<p style="border: #028e77 3px solid">#028e77 border</p>
#028e77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028e77, #fff); background: -webkit-radial-gradient(50% 50%, #028e77, #fff); background: -o-radial-gradient(50% 50%, #028e77, #fff); background: -ms-radial-gradient(50% 50%, #028e77, #fff); background: radial-gradient(50% 50%, #028e77, #fff); color: #fff">#028e77 radial gradient</p>
#028e77
linear gradient to complementary #8e0118
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028e77, #8e0118); background: -webkit-linear-gradient(top, #028e77, #8e0118); background: -o-linear-gradient(top, #028e77, #8e0118); background: -ms-linear-gradient(top, #028e77, #8e0118); background: linear-gradient(top, #028e77, #8e0118); color: #fff">
#028e77
linear gradient to complementary #8e0118
</p>
#028e77
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028e77">#028e77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #028e77
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 #028e77
.
Jump to paint brand: