Color Charts
RGB
CMYK
RYB
#02aa8f Hex Color CodeThe hexadecimal color code #02aa8f is a medium dark shade of cyan. In the RGB color model #02aa8f is comprised of 0.78% red, 66.67% green and 56.08% blue. In the HSL color space #02aa8f has a hue of 170.36 degrees, 97.67% saturation and 33.73% lightness. This color has an approximate wavelength of 513 nm.
#02aa8f Color InformationInverted
#fd5570 25% Saturated
#00ab90 Grayscale
#555555
25% Lighter
#02d4b2 Original
#02aa8f 25% Darker
#017f6b
lightseagreen
#20b2aa 25% Desaturated
#179480 Web Safe: teal
#008080
rgb(2, 170, 143)
rgba(2, 170, 143, 1.0)
red: 0.7843%, yellow: 36.6038%, blue: 66.6667%
#02aa8f
174735
-16602481 / 0xff02aa8f
hsl(170, 98%, 34%)
hsla(170, 98%, 34%, 1.0)
hue: 170 (170.3571), saturation: 99 (98.8235), value: 67 (66.6667)
X: 19.3577, Y: 30.7455, Z: 30.9008
x: 0.239, y: 0.3796, Y: 30.7455
L: 62.2922, a: -43.2897, b: 3.5549
L: 62.2922, u: -50.827, v: 11.6392
L: 62.2922, C: 43.4355, H: 175.3054
L: 55.4486, a: -34.719, b: 5.7725
cyan: 99 (0.9882), magenta: 0 (0), yellow: 16 (0.1588), key: 33 (0.3333)
cyan: 99 (0.9922), magenta: 33 (0.3333), yellow: 44 (0.4392)
Y: 116.69, I: -91.4062, Q: -43.9253
Y: 116.69, U: 12.9475, V: -100.6197
Y: 116.69, Db: 39.609, Dr: 218.085
Y: 116.208, Cb: 141.011, Cr: 56.165
Y: 132.272, Pb: 5.82, Pr: -82.758
7.5G 6/8 approximate; exact match: Munsell 7.5G 6/8 / #33a689
#02aa8f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aa8f to White#02aa8f to Black#02aa8f foreground
<p style="color: #02aa8f">#02aa8f foreground</p>
#02aa8f background
<p style="background-color: #02aa8f; color: #fff">#02aa8f background</p>
#02aa8f border
<p style="border: #02aa8f 3px solid">#02aa8f border</p>
#02aa8f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aa8f, #fff); background: -webkit-radial-gradient(50% 50%, #02aa8f, #fff); background: -o-radial-gradient(50% 50%, #02aa8f, #fff); background: -ms-radial-gradient(50% 50%, #02aa8f, #fff); background: radial-gradient(50% 50%, #02aa8f, #fff); color: #fff">#02aa8f radial gradient</p>
#02aa8f linear gradient to complementary #a9011c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aa8f, #a9011c); background: -webkit-linear-gradient(top, #02aa8f, #a9011c); background: -o-linear-gradient(top, #02aa8f, #a9011c); background: -ms-linear-gradient(top, #02aa8f, #a9011c); background: linear-gradient(top, #02aa8f, #a9011c); color: #fff">#02aa8f linear gradient to complementary #a9011c</p>
#02aa8f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aa8f">#02aa8f text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aa8f 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 #02aa8f.
Jump to paint brand: