#02f5a5
Hex Color CodeThe hexadecimal color code #02f5a5
is a shade of green-cyan. In the RGB color model #02f5a5
is comprised of 0.78% red, 96.08% green and 64.71% blue. In the HSL color space #02f5a5
has a hue of 160.25 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 519 nm.
#02f5a5
Color InformationInverted
#fd0a5a 25% Saturated
#00f7a5 Grayscale
#7b7b7b
25% Lighter
#37fdbc Original
#02f5a5 25% Darker
#01b77b
mediumspringgreen
#00fa9a 25% Desaturated
#20d69a Web Safe: lime
#00ff00
rgb(2, 245, 165)
rgba(2, 245, 165, 1.0)
red: 0.7843%, yellow: 57.82%, blue: 96.0784%
#02f5a5
193957
-16583259 / 0xff02f5a5
hsl(160, 98%, 48%)
hsla(160, 98%, 48%, 1.0)
hue: 160 (160.2469), saturation: 99 (99.1837), value: 96 (96.0784)
X: 39.469, Y: 68.0343, Z: 46.649
x: 0.256, y: 0.4413, Y: 68.0343
L: 86.0236, a: -66.7281, b: 25.1296
L: 86.0236, u: -74.1091, v: 46.9136
L: 86.0236, C: 71.3031, H: 159.3638
L: 82.4829, a: -58.9309, b: 24.206
cyan: 99 (0.9918), magenta: 0 (0), yellow: 33 (0.3265), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 35 (0.3529)
Y: 163.223, I: -119.0579, Q: -76.2746
Y: 163.223, U: 0.875, V: -141.4442
Y: 163.223, Db: 2.71, Dr: 306.559
Y: 156.164, Cb: 128.844, Cr: 27.003
Y: 187.481, Pb: -12.055, Pr: -117.82
5G 8/14 (approximate)
#02f5a5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f5a5
to White#02f5a5
to Black#02f5a5
foreground
<p style="color: #02f5a5; background-color: #000">#02f5a5 foreground</p>
#02f5a5
background
<p style="background-color: #02f5a5">#02f5a5 background</p>
#02f5a5
border
<p style="border: #02f5a5 3px solid">#02f5a5 border</p>
#02f5a5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f5a5, #fff); background: -webkit-radial-gradient(50% 50%, #02f5a5, #fff); background: -o-radial-gradient(50% 50%, #02f5a5, #fff); background: -ms-radial-gradient(50% 50%, #02f5a5, #fff); background: radial-gradient(50% 50%, #02f5a5, #fff)">#02f5a5 radial gradient</p>
#02f5a5
linear gradient to complementary #f50151
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f5a5, #f50151); background: -webkit-linear-gradient(top, #02f5a5, #f50151); background: -o-linear-gradient(top, #02f5a5, #f50151); background: -ms-linear-gradient(top, #02f5a5, #f50151); background: linear-gradient(top, #02f5a5, #f50151); color: #000">
#02f5a5
linear gradient to complementary #f50151
</p>
#02f5a5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f5a5">#02f5a5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f5a5
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 #02f5a5
.
Jump to paint brand: