#02f5b0
Hex Color CodeThe hexadecimal color code #02f5b0
is a shade of green-cyan. In the RGB color model #02f5b0
is comprised of 0.78% red, 96.08% green and 69.02% blue. In the HSL color space #02f5b0
has a hue of 162.96 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 517 nm.
#02f5b0
Color InformationInverted
#fd0a4f 25% Saturated
#00f7b0 Grayscale
#7b7b7b
25% Lighter
#37fdc5 Original
#02f5b0 25% Darker
#01b784
mediumspringgreen
#00fa9a 25% Desaturated
#20d6a2 Web Safe: lime
#00ff00
rgb(2, 245, 176)
rgba(2, 245, 176, 1.0)
red: 0.7843%, yellow: 56.3154%, blue: 96.0784%
#02f5b0
193968
-16583248 / 0xff02f5b0
hsl(163, 98%, 48%)
hsla(163, 98%, 48%, 1.0)
hue: 163 (162.963), saturation: 99 (99.1837), value: 96 (96.0784)
X: 40.5139, Y: 68.4523, Z: 52.1516
x: 0.2515, y: 0.4249, Y: 68.4523
L: 86.2321, a: -64.3634, b: 19.7797
L: 86.2321, u: -73.3311, v: 39.3376
L: 86.2321, C: 67.3342, H: 162.9171
L: 82.7359, a: -57.3804, b: 20.5424
cyan: 99 (0.9918), magenta: 0 (0), yellow: 28 (0.2816), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 31 (0.3098)
Y: 164.477, I: -122.5918, Q: -72.8521
Y: 164.477, U: 5.671, V: -142.5443
Y: 164.477, Db: 17.373, Dr: 308.946
Y: 157.242, Cb: 133.673, Cr: 26.222
Y: 188.273, Pb: -6.555, Pr: -118.326
5G 9/12 (approximate)
#02f5b0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f5b0
to White#02f5b0
to Black#02f5b0
foreground
<p style="color: #02f5b0; background-color: #000">#02f5b0 foreground</p>
#02f5b0
background
<p style="background-color: #02f5b0">#02f5b0 background</p>
#02f5b0
border
<p style="border: #02f5b0 3px solid">#02f5b0 border</p>
#02f5b0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f5b0, #fff); background: -webkit-radial-gradient(50% 50%, #02f5b0, #fff); background: -o-radial-gradient(50% 50%, #02f5b0, #fff); background: -ms-radial-gradient(50% 50%, #02f5b0, #fff); background: radial-gradient(50% 50%, #02f5b0, #fff)">#02f5b0 radial gradient</p>
#02f5b0
linear gradient to complementary #f50146
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f5b0, #f50146); background: -webkit-linear-gradient(top, #02f5b0, #f50146); background: -o-linear-gradient(top, #02f5b0, #f50146); background: -ms-linear-gradient(top, #02f5b0, #f50146); background: linear-gradient(top, #02f5b0, #f50146); color: #000">
#02f5b0
linear gradient to complementary #f50146
</p>
#02f5b0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f5b0">#02f5b0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f5b0
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 #02f5b0
.
Jump to paint brand: