#00ff77
/ #0f7
Hex Color CodeThe hexadecimal color code #00ff77
/ #0f7
is a shade of green-cyan. In the RGB color model #00ff77
is comprised of 0% red, 100% green and 46.67% blue. In the HSL color space #00ff77
has a hue of 148 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 527 nm.
#00ff77
Color InformationInverted
#ff0088 25% Saturated
#00ff77 Grayscale
#7f7f7f
25% Lighter
#3fff99 Original
#00ff77 25% Darker
#00bf59
springgreen
#00ff7f 25% Desaturated
#1fdf79 Web Safe: lime
#00ff00
rgb(0, 255, 119)
rgba(0, 255, 119, 1.0)
red: 0%, yellow: 68.1818%, blue: 100%
#00ff77 / #0f7
65399
-16711817 / 0xff00ff77
hsl(148, 100%, 50%)
hsla(148, 100%, 50%, 1.0)
hue: 148 (148), saturation: 100 (100), value: 100 (100)
X: 39.0898, Y: 72.8519, Z: 29.4543
x: 0.2765, y: 0.5152, Y: 72.8519
L: 88.377, a: -78.0706, b: 50.6124
L: 88.377, u: -80.0795, v: 79.2672
L: 88.377, C: 93.041, H: 147.0451
L: 85.3533, a: -67.6196, b: 39.2871
cyan: 100 (1), magenta: 0 (0), yellow: 53 (0.5333), key: 0 (0)
cyan: 100 (1), magenta: 0 (0), yellow: 53 (0.5333)
Y: 163.251, I: -108.2158, Q: -96.2356
Y: 163.251, U: -21.7753, V: -143.2236
Y: 163.251, Db: -66.538, Dr: 310.403
Y: 156.182, Cb: 106.036, Cr: 25.711
Y: 190.893, Pb: -38.675, Pr: -121.244
2.5G 9/16 (approximate)
#00ff77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00ff77
to White#00ff77
to Black#00ff77
foreground
<p style="color: #00ff77; background-color: #000">#00ff77 foreground</p>
#00ff77
background
<p style="background-color: #00ff77">#00ff77 background</p>
#00ff77
border
<p style="border: #00ff77 3px solid">#00ff77 border</p>
#00ff77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00ff77, #fff); background: -webkit-radial-gradient(50% 50%, #00ff77, #fff); background: -o-radial-gradient(50% 50%, #00ff77, #fff); background: -ms-radial-gradient(50% 50%, #00ff77, #fff); background: radial-gradient(50% 50%, #00ff77, #fff)">#00ff77 radial gradient</p>
#00ff77
linear gradient to complementary #ff0088
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00ff77, #ff0088); background: -webkit-linear-gradient(top, #00ff77, #ff0088); background: -o-linear-gradient(top, #00ff77, #ff0088); background: -ms-linear-gradient(top, #00ff77, #ff0088); background: linear-gradient(top, #00ff77, #ff0088); color: #000">
#00ff77
linear gradient to complementary #ff0088
</p>
#00ff77
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00ff77">#00ff77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00ff77
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 #00ff77
.
Jump to paint brand: