#02e0a0
Hex Color CodeThe hexadecimal color code #02e0a0
is a shade of green-cyan. In the RGB color model #02e0a0
is comprised of 0.78% red, 87.84% green and 62.75% blue. In the HSL color space #02e0a0
has a hue of 162.7 degrees, 98.23% saturation and 44.31% lightness. This color has an approximate wavelength of 518 nm.
#02e0a0
Color InformationInverted
#fd1f5f 25% Saturated
#00e2a0 Grayscale
#717171
25% Lighter
#1dfcbc Original
#02e0a0 25% Darker
#01a878
mediumspringgreen
#00fa9a 25% Desaturated
#1dc494 Web Safe: lime
#00ff00
rgb(2, 224, 160)
rgba(2, 224, 160, 1.0)
red: 0.7843%, yellow: 51.645%, blue: 87.8431%
#02e0a0
188576
-16588640 / 0xff02e0a0
hsl(163, 98%, 44%)
hsla(163, 98%, 44%, 1.0)
hue: 163 (162.7027), saturation: 99 (99.1071), value: 88 (87.8431)
X: 33.0259, Y: 55.8623, Z: 42.2996
x: 0.2517, y: 0.4258, Y: 55.8623
L: 79.5354, a: -60.277, b: 18.7826
L: 79.5354, u: -67.6757, v: 36.7087
L: 79.5354, C: 63.1356, H: 162.6927
L: 74.7411, a: -51.923, b: 18.7637
cyan: 99 (0.9911), magenta: 0 (0), yellow: 29 (0.2857), key: 12 (0.1216)
cyan: 99 (0.9922), magenta: 12 (0.1216), yellow: 37 (0.3725)
Y: 150.326, I: -111.6881, Q: -66.8559
Y: 150.326, U: 4.7611, V: -130.1294
Y: 150.326, Db: 14.588, Dr: 282.038
Y: 145.09, Cb: 132.76, Cr: 35.086
Y: 172.106, Pb: -6.47, Pr: -108.056
5G 8/12 (approximate)
#02e0a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e0a0
to White#02e0a0
to Black#02e0a0
foreground
<p style="color: #02e0a0; background-color: #000">#02e0a0 foreground</p>
#02e0a0
background
<p style="background-color: #02e0a0">#02e0a0 background</p>
#02e0a0
border
<p style="border: #02e0a0 3px solid">#02e0a0 border</p>
#02e0a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e0a0, #fff); background: -webkit-radial-gradient(50% 50%, #02e0a0, #fff); background: -o-radial-gradient(50% 50%, #02e0a0, #fff); background: -ms-radial-gradient(50% 50%, #02e0a0, #fff); background: radial-gradient(50% 50%, #02e0a0, #fff)">#02e0a0 radial gradient</p>
#02e0a0
linear gradient to complementary #e00141
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e0a0, #e00141); background: -webkit-linear-gradient(top, #02e0a0, #e00141); background: -o-linear-gradient(top, #02e0a0, #e00141); background: -ms-linear-gradient(top, #02e0a0, #e00141); background: linear-gradient(top, #02e0a0, #e00141); color: #000">
#02e0a0
linear gradient to complementary #e00141
</p>
#02e0a0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e0a0">#02e0a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e0a0
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 #02e0a0
.
Jump to paint brand: