#02f596
Hex Color CodeThe hexadecimal color code #02f596
is a shade of green-cyan. In the RGB color model #02f596
is comprised of 0.78% red, 96.08% green and 58.82% blue. In the HSL color space #02f596
has a hue of 156.54 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 521 nm.
#02f596
Color InformationInverted
#fd0a69 25% Saturated
#00f796 Grayscale
#7b7b7b
25% Lighter
#37fdaf Original
#02f596 25% Darker
#01b770
mediumspringgreen
#00fa9a 25% Desaturated
#20d68f Web Safe: lime
#00ff00
rgb(2, 245, 150)
rgba(2, 245, 150, 1.0)
red: 0.7843%, yellow: 60.008%, blue: 96.0784%
#02f596
193942
-16583274 / 0xff02f596
hsl(157, 98%, 48%)
hsla(157, 98%, 48%, 1.0)
hue: 157 (156.5432), saturation: 99 (99.1837), value: 96 (96.0784)
X: 38.1825, Y: 67.5197, Z: 39.8744
x: 0.2623, y: 0.4638, Y: 67.5197
L: 85.7657, a: -69.7144, b: 32.3686
L: 85.7657, u: -75.1129, v: 56.6167
L: 85.7657, C: 76.8623, H: 155.0944
L: 82.1704, a: -60.8538, b: 28.748
cyan: 99 (0.9918), magenta: 0 (0), yellow: 39 (0.3878), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 41 (0.4118)
Y: 161.513, I: -114.239, Q: -80.9416
Y: 161.513, U: -5.665, V: -139.944
Y: 161.513, Db: -17.285, Dr: 303.304
Y: 154.694, Cb: 122.259, Cr: 28.068
Y: 186.401, Pb: -19.555, Pr: -117.13
2.5G 8/14 (approximate)
#02f596
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f596
to White#02f596
to Black#02f596
foreground
<p style="color: #02f596; background-color: #000">#02f596 foreground</p>
#02f596
background
<p style="background-color: #02f596">#02f596 background</p>
#02f596
border
<p style="border: #02f596 3px solid">#02f596 border</p>
#02f596
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f596, #fff); background: -webkit-radial-gradient(50% 50%, #02f596, #fff); background: -o-radial-gradient(50% 50%, #02f596, #fff); background: -ms-radial-gradient(50% 50%, #02f596, #fff); background: radial-gradient(50% 50%, #02f596, #fff)">#02f596 radial gradient</p>
#02f596
linear gradient to complementary #f50161
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f596, #f50161); background: -webkit-linear-gradient(top, #02f596, #f50161); background: -o-linear-gradient(top, #02f596, #f50161); background: -ms-linear-gradient(top, #02f596, #f50161); background: linear-gradient(top, #02f596, #f50161); color: #000">
#02f596
linear gradient to complementary #f50161
</p>
#02f596
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f596">#02f596 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f596
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 #02f596
.
Jump to paint brand: