Color Charts
RGB
CMYK
RYB
#02d98f Hex Color CodeThe hexadecimal color code #02d98f is a shade of green-cyan. In the RGB color model #02d98f is comprised of 0.78% red, 85.1% green and 56.08% blue. In the HSL color space #02d98f has a hue of 159.35 degrees, 98.17% saturation and 42.94% lightness. This color has an approximate wavelength of 520 nm.
#02d98f Color InformationInverted
#fd2670 25% Saturated
#00db8f Grayscale
#6d6d6d
25% Lighter
#14fcad Original
#02d98f 25% Darker
#01a26b
mediumspringgreen
#00fa9a 25% Desaturated
#1cbe86 Web Safe: lime
#00ff00
rgb(2, 217, 143)
rgba(2, 217, 143, 1.0)
red: 0.7843%, yellow: 51.7041%, blue: 85.098%
#02d98f
186767
-16590449 / 0xff02d98f
hsl(159, 98%, 43%)
hsla(159, 98%, 43%, 1.0)
hue: 159 (159.3488), saturation: 99 (99.0783), value: 85 (85.098)
X: 29.7958, Y: 51.6218, Z: 34.3802
x: 0.2573, y: 0.4458, Y: 51.6218
L: 77.0541, a: -61.4371, b: 24.2479
L: 77.0541, u: -66.5874, v: 43.8234
L: 77.0541, C: 66.049, H: 158.4619
L: 71.8483, a: -51.7098, b: 21.9229
cyan: 99 (0.9908), magenta: 0 (0), yellow: 34 (0.341), key: 15 (0.149)
cyan: 99 (0.9922), magenta: 15 (0.149), yellow: 44 (0.4392)
Y: 144.279, I: -104.3055, Q: -68.487
Y: 144.279, U: -0.6289, V: -124.8243
Y: 144.279, Db: -1.892, Dr: 270.537
Y: 139.896, Cb: 127.334, Cr: 38.869
Y: 165.877, Pb: -12.275, Pr: -104.096
2.5G 7/12 approximate; exact match: Munsell 2.5G 7/12 / #20c877
#02d98f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d98f to White#02d98f to Black#02d98f foreground
<p style="color: #02d98f; background-color: #000">#02d98f foreground</p>
#02d98f background
<p style="background-color: #02d98f">#02d98f background</p>
#02d98f border
<p style="border: #02d98f 3px solid">#02d98f border</p>
#02d98f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d98f, #fff); background: -webkit-radial-gradient(50% 50%, #02d98f, #fff); background: -o-radial-gradient(50% 50%, #02d98f, #fff); background: -ms-radial-gradient(50% 50%, #02d98f, #fff); background: radial-gradient(50% 50%, #02d98f, #fff)">#02d98f radial gradient</p>
#02d98f linear gradient to complementary #d9014b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d98f, #d9014b); background: -webkit-linear-gradient(top, #02d98f, #d9014b); background: -o-linear-gradient(top, #02d98f, #d9014b); background: -ms-linear-gradient(top, #02d98f, #d9014b); background: linear-gradient(top, #02d98f, #d9014b); color: #000">#02d98f linear gradient to complementary #d9014b</p>
#02d98f text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d98f">#02d98f text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d98f 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 #02d98f.
Jump to paint brand: