Color Charts
RGB
CMYK
RYB
#02c99c Hex Color CodeThe hexadecimal color code #02c99c is a medium dark shade of green-cyan. In the RGB color model #02c99c is comprised of 0.78% red, 78.82% green and 61.18% blue. In the HSL color space #02c99c has a hue of 166.43 degrees, 98.03% saturation and 39.8% lightness. This color has an approximate wavelength of 515 nm.
#02c99c Color InformationInverted
#fd3663 25% Saturated
#00cb9d Grayscale
#656565
25% Lighter
#02fbc3 Original
#02c99c 25% Darker
#019675
mediumaquamarine
#66cdaa 25% Desaturated
#1ab08e Web Safe: aqua
#00ffff
rgb(2, 201, 156)
rgba(2, 201, 156, 1.0)
red: 0.7843%, yellow: 44.7781%, blue: 78.8235%
#02c99c
182684
-16594532 / 0xff02c99c
hsl(166, 98%, 40%)
hsla(166, 98%, 40%, 1.0)
hue: 166 (166.4322), saturation: 99 (99.005), value: 79 (78.8235)
X: 26.9124, Y: 44.1865, Z: 38.5629
x: 0.2454, y: 0.4029, Y: 44.1865
L: 72.353, a: -52.5036, b: 10.8294
L: 72.353, u: -60.3666, v: 23.9189
L: 72.353, C: 53.6088, H: 168.3456
L: 66.4729, a: -44.0596, b: 12.1352
cyan: 99 (0.99), magenta: 0 (0), yellow: 22 (0.2239), key: 21 (0.2118)
cyan: 99 (0.9922), magenta: 21 (0.2118), yellow: 39 (0.3882)
Y: 136.369, I: -104.0906, Q: -56.0808
Y: 136.369, U: 9.6609, V: -117.8845
Y: 136.369, Db: 29.565, Dr: 255.502
Y: 133.106, Cb: 137.697, Cr: 43.834
Y: 155.373, Pb: 0.385, Pr: -97.43
5G 7/10 approximate; exact match: Munsell 5G 7/10 / #33c595
#02c99c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c99c to White#02c99c to Black#02c99c foreground
<p style="color: #02c99c; background-color: #000">#02c99c foreground</p>
#02c99c background
<p style="background-color: #02c99c">#02c99c background</p>
#02c99c border
<p style="border: #02c99c 3px solid">#02c99c border</p>
#02c99c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c99c, #fff); background: -webkit-radial-gradient(50% 50%, #02c99c, #fff); background: -o-radial-gradient(50% 50%, #02c99c, #fff); background: -ms-radial-gradient(50% 50%, #02c99c, #fff); background: radial-gradient(50% 50%, #02c99c, #fff)">#02c99c radial gradient</p>
#02c99c linear gradient to complementary #c9012e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c99c, #c9012e); background: -webkit-linear-gradient(top, #02c99c, #c9012e); background: -o-linear-gradient(top, #02c99c, #c9012e); background: -ms-linear-gradient(top, #02c99c, #c9012e); background: linear-gradient(top, #02c99c, #c9012e); color: #000">#02c99c linear gradient to complementary #c9012e</p>
#02c99c text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c99c">#02c99c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c99c 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 #02c99c.
Jump to paint brand: