Color Charts
RGB
CMYK
RYB
#02d798 Hex Color CodeThe hexadecimal color code #02d798 is a shade of green-cyan. In the RGB color model #02d798 is comprised of 0.78% red, 84.31% green and 59.61% blue. In the HSL color space #02d798 has a hue of 162.25 degrees, 98.16% saturation and 42.55% lightness. This color has an approximate wavelength of 518 nm.
#02d798 Color InformationInverted
#fd2867 25% Saturated
#00d998 Grayscale
#6c6c6c
25% Lighter
#12fcb7 Original
#02d798 25% Darker
#01a172
mediumaquamarine
#66cdaa 25% Desaturated
#1cbc8d Web Safe: lime
#00ff00
rgb(2, 215, 152)
rgba(2, 215, 152, 1.0)
red: 0.7843%, yellow: 49.7974%, blue: 84.3137%
#02d798
186264
-16590952 / 0xff02d798
hsl(162, 98%, 43%)
hsla(162, 98%, 43%, 1.0)
hue: 162 (162.2535), saturation: 99 (99.0698), value: 84 (84.3137)
X: 29.993, Y: 50.8808, Z: 37.9459
x: 0.2524, y: 0.4282, Y: 50.8808
L: 76.6067, a: -58.7611, b: 18.9222
L: 76.6067, u: -65.3031, v: 36.3708
L: 76.6067, C: 61.7326, H: 162.1505
L: 71.3308, a: -49.7736, b: 18.3909
cyan: 99 (0.9907), magenta: 0 (0), yellow: 29 (0.293), key: 16 (0.1569)
cyan: 99 (0.9922), magenta: 16 (0.1569), yellow: 40 (0.4039)
Y: 144.131, I: -106.6479, Q: -64.6416
Y: 144.131, U: 3.8728, V: -124.6944
Y: 144.131, Db: 11.871, Dr: 270.258
Y: 139.77, Cb: 131.867, Cr: 38.966
Y: 165.095, Pb: -7.005, Pr: -103.602
5G 8/12 (approximate)
#02d798 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d798 to White#02d798 to Black#02d798 foreground
<p style="color: #02d798; background-color: #000">#02d798 foreground</p>
#02d798 background
<p style="background-color: #02d798">#02d798 background</p>
#02d798 border
<p style="border: #02d798 3px solid">#02d798 border</p>
#02d798 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d798, #fff); background: -webkit-radial-gradient(50% 50%, #02d798, #fff); background: -o-radial-gradient(50% 50%, #02d798, #fff); background: -ms-radial-gradient(50% 50%, #02d798, #fff); background: radial-gradient(50% 50%, #02d798, #fff)">#02d798 radial gradient</p>
#02d798 linear gradient to complementary #d70140
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d798, #d70140); background: -webkit-linear-gradient(top, #02d798, #d70140); background: -o-linear-gradient(top, #02d798, #d70140); background: -ms-linear-gradient(top, #02d798, #d70140); background: linear-gradient(top, #02d798, #d70140); color: #000">#02d798 linear gradient to complementary #d70140</p>
#02d798 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d798">#02d798 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d798 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 #02d798.
Jump to paint brand: