Color Charts
RGB
CMYK
RYB
#02f563 Hex Color CodeThe hexadecimal color code #02f563 is a shade of green-cyan. In the RGB color model #02f563 is comprised of 0.78% red, 96.08% green and 38.82% blue. In the HSL color space #02f563 has a hue of 143.95 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 529 nm.
#02f563 Color InformationInverted
#fd0a9c 25% Saturated
#00f762 Grayscale
#7b7b7b
25% Lighter
#37fd86 Original
#02f563 25% Darker
#01b74a
springgreen
#00ff7f 25% Desaturated
#20d669 Web Safe: lime
#00ff00
rgb(2, 245, 99)
rgba(2, 245, 99, 1.0)
red: 0.7843%, yellow: 68.8916%, blue: 96.0784%
#02f563
193891
-16583325 / 0xff02f563
hsl(144, 98%, 48%)
hsla(144, 98%, 48%, 1.0)
hue: 144 (143.9506), saturation: 99 (99.1837), value: 96 (96.0784)
X: 34.9296, Y: 66.2186, Z: 22.7449
x: 0.2819, y: 0.5345, Y: 66.2186
L: 85.1078, a: -77.6677, b: 55.6546
L: 85.1078, u: -77.9029, v: 83.2122
L: 85.1078, C: 95.5495, H: 144.3756
L: 81.3748, a: -65.786, b: 40.3904
cyan: 99 (0.9918), magenta: 0 (0), yellow: 60 (0.5959), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 61 (0.6118)
Y: 155.699, I: -97.8546, Q: -96.8095
Y: 155.699, U: -27.901, V: -134.8435
Y: 155.699, Db: -85.268, Dr: 292.237
Y: 149.696, Cb: 99.87, Cr: 31.689
Y: 182.729, Pb: -45.055, Pr: -114.784
10GY 8/16 approximate; exact match: Munsell 10GY 8/16 / #47e740
#02f563 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f563 to White#02f563 to Black#02f563 foreground
<p style="color: #02f563; background-color: #000">#02f563 foreground</p>
#02f563 background
<p style="background-color: #02f563">#02f563 background</p>
#02f563 border
<p style="border: #02f563 3px solid">#02f563 border</p>
#02f563 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f563, #fff); background: -webkit-radial-gradient(50% 50%, #02f563, #fff); background: -o-radial-gradient(50% 50%, #02f563, #fff); background: -ms-radial-gradient(50% 50%, #02f563, #fff); background: radial-gradient(50% 50%, #02f563, #fff)">#02f563 radial gradient</p>
#02f563 linear gradient to complementary #f50194
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f563, #f50194); background: -webkit-linear-gradient(top, #02f563, #f50194); background: -o-linear-gradient(top, #02f563, #f50194); background: -ms-linear-gradient(top, #02f563, #f50194); background: linear-gradient(top, #02f563, #f50194); color: #000">#02f563 linear gradient to complementary #f50194</p>
#02f563 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f563">#02f563 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f563 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 #02f563.
Jump to paint brand: