Color Charts
RGB
CMYK
RYB
#02af7a Hex Color CodeThe hexadecimal color code #02af7a is a medium dark shade of green-cyan. In the RGB color model #02af7a is comprised of 0.78% red, 68.63% green and 47.84% blue. In the HSL color space #02af7a has a hue of 161.62 degrees, 97.74% saturation and 34.71% lightness. This color has an approximate wavelength of 518 nm.
#02af7a Color InformationInverted
#fd5085 25% Saturated
#00b17a Grayscale
#585858
25% Lighter
#02da98 Original
#02af7a 25% Darker
#01835b
mediumseagreen
#3cb371 25% Desaturated
#179971 Web Safe: green
#008000
rgb(2, 175, 122)
rgba(2, 175, 122, 1.0)
red: 0.7843%, yellow: 40.8419%, blue: 68.6275%
#02af7a
175994
-16601222 / 0xff02af7a
hsl(162, 98%, 35%)
hsla(162, 98%, 35%, 1.0)
hue: 162 (161.6185), saturation: 99 (98.8571), value: 69 (68.6275)
X: 18.8679, Y: 32.078, Z: 23.6096
x: 0.2531, y: 0.4303, Y: 32.078
L: 63.4073, a: -50.5986, b: 16.7548
L: 63.4073, u: -54.1024, v: 30.82
L: 63.4073, C: 53.3004, H: 161.6787
L: 56.6374, a: -39.6511, b: 14.9309
cyan: 99 (0.9886), magenta: 0 (0), yellow: 30 (0.3029), key: 31 (0.3137)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 52 (0.5216)
Y: 117.231, I: -86.0319, Q: -53.072
Y: 117.231, U: 2.3472, V: -101.0945
Y: 117.231, Db: 7.201, Dr: 219.108
Y: 116.67, Cb: 130.337, Cr: 55.816
Y: 134.335, Pb: -6.605, Pr: -84.062
5G 6/10 (approximate)
#02af7a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02af7a to White#02af7a to Black#02af7a foreground
<p style="color: #02af7a">#02af7a foreground</p>
#02af7a background
<p style="background-color: #02af7a; color: #fff">#02af7a background</p>
#02af7a border
<p style="border: #02af7a 3px solid">#02af7a border</p>
#02af7a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02af7a, #fff); background: -webkit-radial-gradient(50% 50%, #02af7a, #fff); background: -o-radial-gradient(50% 50%, #02af7a, #fff); background: -ms-radial-gradient(50% 50%, #02af7a, #fff); background: radial-gradient(50% 50%, #02af7a, #fff); color: #fff">#02af7a radial gradient</p>
#02af7a linear gradient to complementary #af0137
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02af7a, #af0137); background: -webkit-linear-gradient(top, #02af7a, #af0137); background: -o-linear-gradient(top, #02af7a, #af0137); background: -ms-linear-gradient(top, #02af7a, #af0137); background: linear-gradient(top, #02af7a, #af0137); color: #fff">#02af7a linear gradient to complementary #af0137</p>
#02af7a text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02af7a">#02af7a text shadow</p>
The matching paint colors are listed in order of relevancy to the #02af7a 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 #02af7a.
Jump to paint brand: