Color Charts
RGB
CMYK
RYB
#00f700 Hex Color CodeThe hexadecimal color code #00f700 is a shade of green. In the RGB color model #00f700 is comprised of 0% red, 96.86% green and 0% blue. In the HSL color space #00f700 has a hue of 120 degrees, 100% saturation and 48.43% lightness. This color has an approximate wavelength of 544 nm.
#00f700 Color InformationInverted
#ff08ff 25% Saturated
#00f700 Grayscale
#7b7b7b
rgb(0, 247, 0)
rgba(0, 247, 0, 1.0)
red: 0%, yellow: 96.8627%, blue: 96.8627%
#00f700
63232
-16713984 / 0xff00f700
hsl(120, 100%, 48%)
hsla(120, 100%, 48%, 1.0)
hue: 120 (120), saturation: 100 (100), value: 97 (96.8627)
X: 33.2608, Y: 66.5215, Z: 11.0869
x: 0.3, y: 0.6, Y: 66.5215
L: 85.2617, a: -84.1282, b: 81.1964
L: 85.2617, u: -80.7359, v: 104.3713
L: 85.2617, C: 116.9205, H: 136.016
L: 81.5607, a: -69.9383, b: 49.033
cyan: 100 (1), magenta: 0 (0), yellow: 100 (1), key: 3 (0.0314)
cyan: 100 (1), magenta: 3 (0.0314), yellow: 100 (1)
Y: 144.989, I: -67.7899, Q: -129.08
Y: 144.989, U: -71.3484, V: -127.2025
Y: 144.989, Db: -218.101, Dr: 275.652
Y: 140.488, Cb: 56.123, Cr: 37.104
Y: 176.605, Pb: -95.095, Pr: -112.138
10GY 8/20 (approximate)
#00f700 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00f700 to White#00f700 to Black#00f700 foreground
<p style="color: #00f700; background-color: #000">#00f700 foreground</p>
#00f700 background
<p style="background-color: #00f700">#00f700 background</p>
#00f700 border
<p style="border: #00f700 3px solid">#00f700 border</p>
#00f700 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00f700, #fff); background: -webkit-radial-gradient(50% 50%, #00f700, #fff); background: -o-radial-gradient(50% 50%, #00f700, #fff); background: -ms-radial-gradient(50% 50%, #00f700, #fff); background: radial-gradient(50% 50%, #00f700, #fff)">#00f700 radial gradient</p>
#00f700 linear gradient to complementary #f700f6
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00f700, #f700f6); background: -webkit-linear-gradient(top, #00f700, #f700f6); background: -o-linear-gradient(top, #00f700, #f700f6); background: -ms-linear-gradient(top, #00f700, #f700f6); background: linear-gradient(top, #00f700, #f700f6); color: #000">#00f700 linear gradient to complementary #f700f6</p>
#00f700 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00f700">#00f700 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00f700 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 #00f700.
Jump to paint brand: