Color Charts
RGB
CMYK
RYB
#02c18a Hex Color CodeThe hexadecimal color code #02c18a is a medium dark shade of green-cyan. In the RGB color model #02c18a is comprised of 0.78% red, 75.69% green and 54.12% blue. In the HSL color space #02c18a has a hue of 162.72 degrees, 97.95% saturation and 38.24% lightness. This color has an approximate wavelength of 518 nm.
#02c18a Color InformationInverted
#fd3e75 25% Saturated
#00c38a Grayscale
#616161
25% Lighter
#02f1ac Original
#02c18a 25% Darker
#019067
mediumseagreen
#3cb371 25% Desaturated
#19a97f Web Safe: lime
#00ff00
rgb(2, 193, 138)
rgba(2, 193, 138, 1.0)
red: 0.7843%, yellow: 44.5344%, blue: 75.6863%
#02c18a
180618
-16596598 / 0xff02c18a
hsl(163, 98%, 38%)
hsla(163, 98%, 38%, 1.0)
hue: 163 (162.7225), saturation: 99 (98.9637), value: 76 (75.6863)
X: 23.6824, Y: 39.9878, Z: 30.515
x: 0.2514, y: 0.4246, Y: 39.9878
L: 69.4608, a: -53.7363, b: 16.464
L: 69.4608, u: -59.0185, v: 31.5825
L: 69.4608, C: 56.2019, H: 162.9657
L: 63.2359, a: -43.8129, b: 15.6543
cyan: 99 (0.9896), magenta: 0 (0), yellow: 28 (0.285), key: 24 (0.2431)
cyan: 99 (0.9922), magenta: 24 (0.2431), yellow: 46 (0.4588)
Y: 129.621, I: -96.1123, Q: -57.5005
Y: 129.621, U: 4.1238, V: -111.9644
Y: 129.621, Db: 12.635, Dr: 242.668
Y: 127.31, Cb: 132.123, Cr: 48.056
Y: 148.357, Pb: -5.535, Pr: -92.97
5G 7/10 approximate; exact match: Munsell 5G 7/10 / #33c595
#02c18a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c18a to White#02c18a to Black#02c18a foreground
<p style="color: #02c18a; background-color: #000">#02c18a foreground</p>
#02c18a background
<p style="background-color: #02c18a">#02c18a background</p>
#02c18a border
<p style="border: #02c18a 3px solid">#02c18a border</p>
#02c18a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c18a, #fff); background: -webkit-radial-gradient(50% 50%, #02c18a, #fff); background: -o-radial-gradient(50% 50%, #02c18a, #fff); background: -ms-radial-gradient(50% 50%, #02c18a, #fff); background: radial-gradient(50% 50%, #02c18a, #fff)">#02c18a radial gradient</p>
#02c18a linear gradient to complementary #c10138
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c18a, #c10138); background: -webkit-linear-gradient(top, #02c18a, #c10138); background: -o-linear-gradient(top, #02c18a, #c10138); background: -ms-linear-gradient(top, #02c18a, #c10138); background: linear-gradient(top, #02c18a, #c10138); color: #000">#02c18a linear gradient to complementary #c10138</p>
#02c18a text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c18a">#02c18a text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c18a 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 #02c18a.
Jump to paint brand: