#00f677
Hex Color CodeThe hexadecimal color code #00f677
is a shade of green-cyan. In the RGB color model #00f677
is comprised of 0% red, 96.47% green and 46.67% blue. In the HSL color space #00f677
has a hue of 149.02 degrees, 100% saturation and 48.24% lightness. This color has an approximate wavelength of 526 nm.
#00f677
Color InformationInverted
#ff0988 25% Saturated
#00f677 Grayscale
#7b7b7b
25% Lighter
#34ff96 Original
#00f677 25% Darker
#00b859
springgreen
#00ff7f 25% Desaturated
#1ed778 Web Safe: lime
#00ff00
rgb(0, 246, 119)
rgba(0, 246, 119, 1.0)
red: 0%, yellow: 65.0185%, blue: 96.4706%
#00f677
63095
-16714121 / 0xff00f677
hsl(149, 100%, 48%)
hsla(149, 100%, 48%, 1.0)
hue: 149 (149.0244), saturation: 100 (100), value: 96 (96.4706)
X: 36.2855, Y: 67.2434, Z: 28.5196
x: 0.2748, y: 0.5092, Y: 67.2434
L: 85.6267, a: -75.3289, b: 47.2535
L: 85.6267, u: -77.3101, v: 74.5764
L: 85.6267, C: 88.9232, H: 147.9001
L: 82.0021, a: -64.5183, b: 36.7809
cyan: 100 (1), magenta: 0 (0), yellow: 52 (0.5163), key: 4 (0.0353)
cyan: 100 (1), magenta: 4 (0.0353), yellow: 53 (0.5333)
Y: 157.968, I: -105.7457, Q: -91.5323
Y: 157.968, U: -19.1756, V: -138.5887
Y: 157.968, Db: -58.591, Dr: 300.359
Y: 151.646, Cb: 108.655, Cr: 29.023
Y: 184.458, Pb: -35.21, Pr: -117.158
2.5G 8/16 (approximate)
#00f677
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00f677
to White#00f677
to Black#00f677
foreground
<p style="color: #00f677; background-color: #000">#00f677 foreground</p>
#00f677
background
<p style="background-color: #00f677">#00f677 background</p>
#00f677
border
<p style="border: #00f677 3px solid">#00f677 border</p>
#00f677
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00f677, #fff); background: -webkit-radial-gradient(50% 50%, #00f677, #fff); background: -o-radial-gradient(50% 50%, #00f677, #fff); background: -ms-radial-gradient(50% 50%, #00f677, #fff); background: radial-gradient(50% 50%, #00f677, #fff)">#00f677 radial gradient</p>
#00f677
linear gradient to complementary #f6007e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00f677, #f6007e); background: -webkit-linear-gradient(top, #00f677, #f6007e); background: -o-linear-gradient(top, #00f677, #f6007e); background: -ms-linear-gradient(top, #00f677, #f6007e); background: linear-gradient(top, #00f677, #f6007e); color: #000">
#00f677
linear gradient to complementary #f6007e
</p>
#00f677
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00f677">#00f677 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00f677
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 #00f677
.
Jump to paint brand: