#02e298
Hex Color CodeThe hexadecimal color code #02e298
is a shade of green-cyan. In the RGB color model #02e298
is comprised of 0.78% red, 88.63% green and 59.61% blue. In the HSL color space #02e298
has a hue of 160.18 degrees, 98.25% saturation and 44.71% lightness. This color has an approximate wavelength of 519 nm.
#02e298
Color InformationInverted
#fd1d67 25% Saturated
#00e398 Grayscale
#717171
25% Lighter
#1ffdb4 Original
#02e298 25% Darker
#01a972
mediumspringgreen
#00fa9a 25% Desaturated
#1dc68e Web Safe: lime
#00ff00
rgb(2, 226, 152)
rgba(2, 226, 152, 1.0)
red: 0.7843%, yellow: 53.3962%, blue: 88.6275%
#02e298
189080
-16588136 / 0xff02e298
hsl(160, 98%, 45%)
hsla(160, 98%, 45%, 1.0)
hue: 160 (160.1786), saturation: 99 (99.115), value: 89 (88.6275)
X: 32.8889, Y: 56.6726, Z: 38.9113
x: 0.256, y: 0.4411, Y: 56.6726
L: 79.9951, a: -62.7452, b: 23.5807
L: 79.9951, u: -68.892, v: 43.5361
L: 79.9951, C: 67.0299, H: 159.4029
L: 75.2812, a: -53.759, b: 22.0511
cyan: 99 (0.9912), magenta: 0 (0), yellow: 33 (0.3274), key: 11 (0.1137)
cyan: 99 (0.9922), magenta: 11 (0.1137), yellow: 40 (0.4039)
Y: 150.588, I: -109.6669, Q: -70.3901
Y: 150.588, U: 0.6954, V: -130.3593
Y: 150.588, Db: 2.158, Dr: 282.534
Y: 145.314, Cb: 128.666, Cr: 34.918
Y: 172.96, Pb: -11.24, Pr: -108.596
5G 8/12 (approximate)
#02e298
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e298
to White#02e298
to Black#02e298
foreground
<p style="color: #02e298; background-color: #000">#02e298 foreground</p>
#02e298
background
<p style="background-color: #02e298">#02e298 background</p>
#02e298
border
<p style="border: #02e298 3px solid">#02e298 border</p>
#02e298
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e298, #fff); background: -webkit-radial-gradient(50% 50%, #02e298, #fff); background: -o-radial-gradient(50% 50%, #02e298, #fff); background: -ms-radial-gradient(50% 50%, #02e298, #fff); background: radial-gradient(50% 50%, #02e298, #fff)">#02e298 radial gradient</p>
#02e298
linear gradient to complementary #e2014b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e298, #e2014b); background: -webkit-linear-gradient(top, #02e298, #e2014b); background: -o-linear-gradient(top, #02e298, #e2014b); background: -ms-linear-gradient(top, #02e298, #e2014b); background: linear-gradient(top, #02e298, #e2014b); color: #000">
#02e298
linear gradient to complementary #e2014b
</p>
#02e298
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e298">#02e298 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e298
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 #02e298
.
Jump to paint brand: