#02ff97
Hex Color CodeThe hexadecimal color code #02ff97
is a shade of green-cyan. In the RGB color model #02ff97
is comprised of 0.78% red, 100% green and 59.22% blue. In the HSL color space #02ff97
has a hue of 155.34 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 522 nm.
#02ff97
Color InformationInverted
#fd0068 25% Saturated
#01ff97 Grayscale
#808080
25% Lighter
#42ffb1 Original
#02ff97 25% Darker
#00c071
mediumspringgreen
#00fa9a 25% Desaturated
#21df91 Web Safe: lime
#00ff00
rgb(2, 255, 151)
rgba(2, 255, 151, 1.0)
red: 0.7843%, yellow: 63.226%, blue: 100%
#02ff97
196503
-16580713 / 0xff02ff97
hsl(155, 100%, 50%)
hsla(155, 100%, 50%, 1.0)
hue: 155 (155.336), saturation: 99 (99.2157), value: 100 (100)
X: 41.3709, Y: 73.7673, Z: 41.3362
x: 0.2644, y: 0.4714, Y: 73.7673
L: 88.8124, a: -72.8504, b: 35.8938
L: 88.8124, u: -78.1997, v: 61.9395
L: 88.8124, C: 81.2129, H: 153.7703
L: 85.8879, a: -64.3229, b: 31.5864
cyan: 99 (0.9922), magenta: 0 (0), yellow: 41 (0.4078), key: 0 (0)
cyan: 99 (0.9922), magenta: 0 (0), yellow: 41 (0.4078)
Y: 167.497, I: -117.3048, Q: -85.8564
Y: 167.497, U: -8.1176, V: -145.194
Y: 167.497, Db: -24.782, Dr: 314.681
Y: 159.832, Cb: 119.788, Cr: 24.317
Y: 193.623, Pb: -22.905, Pr: -121.716
2.5G 9/14 (approximate)
#02ff97
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ff97
to White#02ff97
to Black#02ff97
foreground
<p style="color: #02ff97; background-color: #000">#02ff97 foreground</p>
#02ff97
background
<p style="background-color: #02ff97">#02ff97 background</p>
#02ff97
border
<p style="border: #02ff97 3px solid">#02ff97 border</p>
#02ff97
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ff97, #fff); background: -webkit-radial-gradient(50% 50%, #02ff97, #fff); background: -o-radial-gradient(50% 50%, #02ff97, #fff); background: -ms-radial-gradient(50% 50%, #02ff97, #fff); background: radial-gradient(50% 50%, #02ff97, #fff)">#02ff97 radial gradient</p>
#02ff97
linear gradient to complementary #ff016a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ff97, #ff016a); background: -webkit-linear-gradient(top, #02ff97, #ff016a); background: -o-linear-gradient(top, #02ff97, #ff016a); background: -ms-linear-gradient(top, #02ff97, #ff016a); background: linear-gradient(top, #02ff97, #ff016a); color: #000">
#02ff97
linear gradient to complementary #ff016a
</p>
#02ff97
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ff97">#02ff97 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ff97
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 #02ff97
.
Jump to paint brand: