Color Charts
RGB
CMYK
RYB
#02aa8d Hex Color CodeThe hexadecimal color code #02aa8d is a medium dark shade of green-cyan. In the RGB color model #02aa8d is comprised of 0.78% red, 66.67% green and 55.29% blue. In the HSL color space #02aa8d has a hue of 169.64 degrees, 97.67% saturation and 33.73% lightness. This color has an approximate wavelength of 513 nm.
#02aa8d Color InformationInverted
#fd5572 25% Saturated
#00ab8e Grayscale
#555555
25% Lighter
#02d4b0 Original
#02aa8d 25% Darker
#017f69
lightseagreen
#20b2aa 25% Desaturated
#17947f Web Safe: teal
#008080
rgb(2, 170, 141)
rgba(2, 170, 141, 1.0)
red: 0.7843%, yellow: 36.8372%, blue: 66.6667%
#02aa8d
174733
-16602483 / 0xff02aa8d
hsl(170, 98%, 34%)
hsla(170, 98%, 34%, 1.0)
hue: 170 (169.6429), saturation: 99 (98.8235), value: 67 (66.6667)
X: 19.2075, Y: 30.6854, Z: 30.1098
x: 0.2401, y: 0.3836, Y: 30.6854
L: 62.2412, a: -43.8326, b: 4.5981
L: 62.2412, u: -50.9817, v: 13.209
L: 62.2412, C: 44.0732, H: 174.0115
L: 55.3944, a: -35.0472, b: 6.5488
cyan: 99 (0.9882), magenta: 0 (0), yellow: 17 (0.1706), key: 33 (0.3333)
cyan: 99 (0.9922), magenta: 33 (0.3333), yellow: 45 (0.4471)
Y: 116.462, I: -90.7637, Q: -44.5475
Y: 116.462, U: 12.0755, V: -100.4197
Y: 116.462, Db: 36.943, Dr: 217.651
Y: 116.012, Cb: 140.133, Cr: 56.307
Y: 132.128, Pb: 4.82, Pr: -82.666
7.5G 6/8 approximate; exact match: Munsell 7.5G 6/8 / #33a689
#02aa8d / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aa8d to White#02aa8d to Black#02aa8d foreground
<p style="color: #02aa8d">#02aa8d foreground</p>
#02aa8d background
<p style="background-color: #02aa8d; color: #fff">#02aa8d background</p>
#02aa8d border
<p style="border: #02aa8d 3px solid">#02aa8d border</p>
#02aa8d radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aa8d, #fff); background: -webkit-radial-gradient(50% 50%, #02aa8d, #fff); background: -o-radial-gradient(50% 50%, #02aa8d, #fff); background: -ms-radial-gradient(50% 50%, #02aa8d, #fff); background: radial-gradient(50% 50%, #02aa8d, #fff); color: #fff">#02aa8d radial gradient</p>
#02aa8d linear gradient to complementary #a9011e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aa8d, #a9011e); background: -webkit-linear-gradient(top, #02aa8d, #a9011e); background: -o-linear-gradient(top, #02aa8d, #a9011e); background: -ms-linear-gradient(top, #02aa8d, #a9011e); background: linear-gradient(top, #02aa8d, #a9011e); color: #fff">#02aa8d linear gradient to complementary #a9011e</p>
#02aa8d text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aa8d">#02aa8d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aa8d 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 #02aa8d.
Jump to paint brand: